Надпись на картинке в html

Как сделать так, чтобы надпись была поверх картинки, да еще с нужными отступами — хрен найдешь!


Итак, вот как это сделать. В css запишите:

.tdcontent{
  position:absolute;
  margin-left: 25%;
  margin-right: 20%;
  margin-top: 20%;
  z-index: 5;
}

Где z-index — это номер слоя, чем больше номер, тем он выше лежит. А марджины — это  отступы соответственно.

А в html, где хотите вставить картинку, запишите:

<table border ="0"  cellspacing="0" cellpadding="0" >

    <tr>

        <td>

            <div  style="position:relative;">

                <div class=tdcontent>

                    Надпись.

                </div>

                <img src="../picture.png">

            </div>

        </td>

    </tr>

</table>