Floaten DIV's zusammen

['Rayzor]

Moin moin!

Kann mir jemand verraten wie ich diese 3 DIV's in eine Zeile bekomme. Sind halt Buttons die ich mittig platzieren will und zusammen nur leider werden sie untereinander geordnet

<a href="#"><div class="download sbutton"></div></a>
<a href="#"><div class="vote sbutton"></div></a>
<a href="#"><div class="board sbutton"></div></a>

[kissein]

div.sbutton { display:inline-block; float:left;}

müsste reichen

[Muddy Waters]

Ich würde stattdessen einfach span-Elemente verwenden oder direkt eine Tabelle nehmen.

[Fratyr]

Originally Posted by kissein

div.sbutton { display:inline-block; float:left;}

müsste reichen

inline-block wird allerdings leider nicht von allen Browsern unterstützt. Und wieso inline-block und float left? Wiederspricht sich das nicht in sich selbst?

[kissein]

Originally Posted by Fratyr

inline-block wird allerdings leider nicht von allen Browsern unterstützt. Und wieso inline-block und float left? Wiederspricht sich das nicht in sich selbst?

aehm jein, für inline-block muss natürlich die grössendefinition mit rein. generell würde man für sowas ein unsorted list element benutzen, oder wie bereits oben gesagt, die divs mit span ersetzen und die positionierung halt noch hinzufügen.