Подписи к изображениям с помощью CSS

Question

Я делаю простую маленькую веб-панель управления, и мое отсутствие знаний CSS убивает меня.Мне в основном нужно создать класс div, который использует значок изображения и помещает текстовую подпись под ним (обе являются ссылками на целевую страницу).

Я нашел несколько примеров для этого на разных сайтах, но ни одиниз них работают для размещения значка / подписи рядом.Чтобы лучше понять, что я пытаюсь сделать, CPanel - прекрасный пример того, чего я пытаюсь достичь.

Как мне это сделать?

Answer 1

Найден сайт с очень упрощенным подходом, который отлично работает здесь ...

http://www.spartanicus.utvinternet.ie/centered_image_gallery_with_captions.htm

Answer 2

Что-то вроде этого может быть?

<div class="image-caption">
    Some Text
</div>

.image-caption {
    background: url(icon_path) no-repeat top center;
    width: icon_width;
    padding-top: icon_height;
}