Рамка для фотографии и описание

Это моя фотка

CSS

.text p {
font:10px Verdana;font-weight:bold;color: brown;
}
#photo {
width: 92px;
}
.text {
border: 1px solid #ddd;
background: #f1f2e7;
padding: 10px;
text-align: center;
}

Цвет фона background, цвет рамки border, толщина рамки 1px, сплошная solid

Шрифт Verdana размер 10px полужирный, цвет brown

Ширина блока photo равна ширине фотографии

Отступ краев рамки от фото регулируется значением padding

Текст по центру text-align: center

HTML

 <div class="text" id="photo">
<img src="avatar.jpg" height="92" width="92" alt="Это я." />
<p>Это моя фотка</p>
</div>