Kaip sudėlioti tekstą ir paveiksliukus. Niekaip nepavyksta

Sveiki turiu tokį kodą:

<style type="text/css">#nunachui { width:1100px; }
   img { margin: 0 0px; float:center; }
</style>
<div id="nunachui"><img src="http://www.xxx.lt/image/data/package-x-generic.png" /> Tekstas assdaasdasd <img src="http://www.xxx.lt/image/data/package-x-generic.png" />Tekstas <img src="http://www.xxx.lt/image/data/package-x-generic.png" />Tekstas <img src="http://wwww.xxx.lt/image/data/package-x-generic.png" />Tekstasv</div>

Kaip padaryti, kad po paveiksliukų būtų apačioje tekstas o ne dešinėje paveiksliuko pusėje turėtų tekstas lygiuotis taip pat tik tiek, kad po tam tikro img.

Tai tiesiog img į div'ą įdėk

<div class="img">

<div class="tekstas"></div></div>

o i style.css

div.img {

background img susirask koda, per tlf rasau tiklsiai nepamenu :)

}

div.img div.tekstas {

cia su padding-top: pasizaisk; ir fsio

}

<div class="img">

<div class="tekstas"></div></div>

 

o i style.css

 

div.img {

background img susirask koda, per tlf rasau tiklsiai nepamenu :)

}

div.img div.tekstas {

cia su padding-top: pasizaisk; ir fsio

}

Vietoje div elementų šiuo atveju siūlau naudoti figure ir figcaption. Figure elemente talpinti paveikslėlį (img), o į figcaption dėti jį apibūdinantį tekstą.

Tiesiog su z-index.

Pavyzdys:

<img style='position:relative;top:0px;width:200px;height:200px;z-index:2;' src='http://tavositeas.lt/img/1.jpg' alt=''>

<span style='position:relative;left:-200px;z-index:1;'>TEKSTAS</span>