Div към снимка Помощ с позициониране

[tahys]

Имам няколко снимки в
<li>Снимка </li>
<li>Снимка </li>
<li>Снимка </li>

li- са стилизирани имат точна широчина и дължина !

Искам към li - Да добавя DIV или span с малко текст вътре... но искам да седи в долния край на снимката дължина колкото снимката и да е с прозрачен фон?

<li>Снимка<div>Описание на снимката</div></li>

Дано сте ме разбрали ;-)

 

[shterev]

.class_li{
 position:relative;
}

.class_div{
  position: absolute; bottom:0px; right: 0px;
 text-align:right;
}


<li class="class=_li">Снимка<div class="class_div">Описание на снимката</div></li>

Ако искаш кода ти да е само това:

<li>Ткст към снимката</li> и винаги снимките да са един размер, правиш така:

задаваш снимката да е бекграунд на <li> и с падинг наместваш къде да е текста, като му задаваш и text-align:right;. Естесвено ще стане нещо такова, за да може да имаш различни снимки

<li style="background-image: url(image-1.jpg);">текст</li>