Jak v CSS zajistit, aby byly dva obrázky vedle sebe?*

Použij CSS vlastnost float.

Např.:

Příklad 1.
<img style="float: left;" src="url_prvniho_obrazku" width="zadej_sirku_v_px" height="zadej_vysku_v_px">
<img style="float: left;" src="url_druheho_obrazku" width="zadej_sirku_v_px" height="zadej_vysku_v_px">


Příklad 2.
<style>
img { float: left; }
</style>

<img src="url_prvniho_obrazku">
<img src="url_druheho_obrazku">


Příklad 3.
<style>
.vlevo { float: left; }
</style>

<img class="vlevo" src=" .....
<img class="vlevo" src=" .....

Suta

Proč float, prosím? Pokud si pamatuji, img je element řádkový, ne?

Ve chvíli kdy dáš float:left se stane blokovým prvkem
Jinak výchozí styl img je opravdu inline, a inline obrázky se taky umísťují vedle sebe; rozdíl je v zarovnávání jejich spodních a horních okrajů:
- u plovoucích se nestejně vysoké obrázky zarovnají horní hranou
- u inline jsou pravidla složitější - zavisí na kombinaci vertical-align+výška všech prvků na řádku (osobně s tím mám stále problémy....)

<img style="float: left;" src="url_druheho_obrazku" width="zadej_sirku_v_px" height="zadej_vysku_v_px">

Jen bych chtěl upozornit na to, že "zadej_sirku_v_px" není zrovna nejlepší formulace, protože width="200px" není hodnota atributu width, tudiž bez jednotky .. je to jen upozornění nevím jak to autor myslel doopravdy.

Měsíček
Asi jako, že tam nemá zadávat 5 s tím, že myslí 5cm ;-)

Taky možnost :)