Kilka elementów w jednej linii Opcje

[CPoDe]

Witam, od pewnego czasu walczę z przyczepieniem kilku elementów do jednej linii. Zwykłe float nie daje rady, ponieważ wszystkie elementy znajdują się wewnątrz diva z ustawionymi scroll-ami.

Poniżej zamieszczam przykład dla lepszego zrozumienia problemu:

[HTML] pobierz, plaintext 
<div style="overflow:scroll;width:20px;">
<img src="..." style="width:15px;" />
<img src="..." style="width:15px;" />
</div>
[HTML] pobierz, plaintext 

Jak widać powyżej dwa obrazki razem mają 30px szerokości, ale wyświetlą się pod sobą. Chciałbym, aby oba te rysunki wyświetliły się w jednej linii. Niestety float nie daje efektu (IMG:style_emoticons/default/sad.gif)

Ten post edytował CPoDe 14.09.2013, 03:39:45

[kamil4u]

img ma od razu display:inline-block; (IMG:style_emoticons/default/smile.gif) - http://dev.w3.org/html5/markup/img.html#img-display

Kod

    <div style="overflow:scroll;width:200px;">
<div style="width: 300px;">
    <img src="..." style="width:150px;" />
    <img src="..." style="width:150px; float: left;" />
</div>
    </div>

Ten post edytował kamil4u 14.09.2013, 14:00:21