Pozycjonowanie obraków

[senioro]

Witam mam mały problem z ustawieniem odpowiednio obrazków zawsze mi je wywala jeden pod drugim a chciałbym aby to wyglądalo tak :




Mam coś takiego :

Kod:

<div class="srodkowy"><img src="images/wybierzgrupewiekowa.jpg" alt="wybierz grupę wiekową"/> </div>
<div class="lewy"><img src="images/podstawowa.jpg" alt="Podstawowa"/></div>
<div class="prawy"><img src="images/podstawowa2.jpg" alt="Podstawowa"/></div>

<style type="text/css">
.srodkowy {margin-left: 0px}
.srodkowy img {margin-left: 130px; margin-top: 80px;}
.lewy
{position:relative;
left: 350px;
bottom: 150px;}
.prawy {
position:relative;
left 350px;
bottom:190px;}
</style>

Jest to na stronie statycznej w wordpressie.

Czy ktoś wie jak takie coś zrobić? Bardzo prosze o pomoc.