Dve fotki v vrsto - caption

Zdravo

Takole izgleda, ko se neprogramer spravi delat stvari, ki jih ne zna :)

radi bo postavil po dve fotki v vrsto in jim dodal caption pod fotko. Našel sem tole kodo, ki dela tako kot mora, vendar se mučim postaviti dve fotki v vrsto, pa dve v naslednjo vsrsto ...

<figure>

  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">

  <figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>

</figure>

Hvala

Poskusi z :

figure {

        display: inline-block;

        vertical-align: top;

    }

Bi moralo narediti to kar hočeš. Za novo vrsto je pa najlažje tako, da daš containerju kjer so slike tako širino, da prideta samo dve v vrsto.

Inline-block je podoben kot float samo da ne spremeni flow dokumenta. Vertical align je pa fajn pri inline block da ne pride do čudnih zamikov in se vsa vsebina poravna z zgornjim delom elementa.

Upam, da ti kaj pomaga.

Najprej preveri, če slučajno stran ne uporablja že kakšen framework ala bootstrap.

bom probal .. hvala