Hur får man två olika div:s på samma rad? (html)

float:left; använde jag när jag höll på med CSS för många år sen.

Sätt en fixed width på ena så ska det fungera.

Positionera dina divs så ska det nog lösa sig

http://jsfiddle.net/CvqQy/

Floating är vad som gäller, ja. När du börjat använda float så måste du även lära dig att cleara floats för att undvika kompitabilitetsproblem och diverse knepigt beteende.

Här är en artikel om att cleara floats: http://www.impressivewebs.com/clearing-floats-why-necessary/

Det finns flera sätt att göra det på och alla sätt har sitt tillfälle, men det lättaste är att lägga båda/alla sina floatade divs i ytterligare en div och ge den diven overflow: hidden (alternativt "clearfix" så som det beskrivs i artikeln).

Det kan se ut så här:

<div class="clearfix">
    <div class="left"></div> 
    <div class="right"></div>
</div>

Eller så här (men skriv alltid din CSS i ett seperat dokument, inte inline som jag gör här):

<div style="overflow: hidden;">
    <div class="left"></div> 
    <div class="right"></div>
</div>

Eller så här:

<div class="left"></div> 
<div class="right"></div>
<div class="clearfix"></div>