Zwei div's nebeninander ohne Zeilenumbruch?

[chrisdo]

Wie kann ich zwei Div's auf der gleichen Zeile haben??

Bei mir macht er immer einen Zeilenumbruch.

HTML-Code:
CODE <div class="test1">Test1: </div><div class="test2">Blabla</div>


CSS-Code:

CODE div.test1 { font-weight: bold; }
div.test2 { color: #FFFFFF; }

 

[Jörg Kruse]

<div>s sind Blockelemente, die naturgemäß in einer neuen Zeile beginnen. Mit display:inline kann man Blockelemente in Inline-Elemente umwandeln:

CODE
div.test1 { display:inline; font-weight: bold; }
div.test2 { display:inline; color: #FFFFFF; }

 

[oli181]

Also ich mach das so:
CODE <div style="padding-top:30px; text-align:left; float:left">test div1 </div>
<div style="padding-top:30px; text-align:right">test div2</div>

 

[chrisdo]

Hab es mit der Methode von Jörg gemacht.
Vielen Dank funktioniert alles.