Как в имеющемся примере сделать чтобы блок с текстом по вертикали всегда выравнивался по центру, не зависимо от размеров картинки (может быть разной)?
.box {
border: 1px solid black;
min-width:250px;
text-align: center;
height: 500px;
float: left;
margin: 0 0 0 1%
}
<div class="box">
<img src="http://photomotion.ru/uploads/users/1/1226568467.jpg" alt=""/>
<div>
<p>Какой-то текст. Заголовок</p>
<p>Какой-то текст</p>
</div>
</div>
<div class="box">
<img src="http://photomotion.ru/uploads/users/1/1226568530.jpg" alt=""/>
<div>
<p>Какой-то текст. Заголовок</p>
<p>Какой-то текст</p>
</div>
</div>