добавление подписи к изображению

Question

Как добавить текстовую подпись к примеру с окантовкой изображения в http://notions.okuda.ca/2007/02/06/cool-css-image-border-style/

Я хотел бы использовать код там же, где указан путь к изображению (не в таблице стилей), поэтому где-то в

<img src="SOMETHING.jpg" style="display: block; margin-left: auto; margin-right: auto; padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px;" />

Answer 1

Вы знаете, что многое изменилось с 2007 года? CSS3 представил свойство box-shadow, которое делает это, но более реалистично.

Без HTML или JavaScript вы не сможете сделать подпись. CSS не может читать свойства из HTML.

Вот демоверсия: http://jsfiddle.net/2DuyU/3/

Answer 2

Я не понимаю, как это можно сделать, не создавая тег p, как минимум:

    <p><img src="location/of/my_image" alt=""/><br/>Caption</p>

добавив стиль к тегу p.

Пример: http://jsbin.com/ewazir

Answer 3

Я думаю, вы должны написать следующее

<img>your caption</img>