<div id="title">
<div class="container">
<div class="row">
<div class="span6">
<p><img src="img/logo.png"></p> <!-- высота картинки 100px -->
</div>
<div class="span6">
<h1>Привет Мир!</h1>
<p>Я рад вас видеть!</p>
</div>
</div>
</div>
</div>
#title {
background:#ccc;
height:400px;
}
Сейчас картинка и текст отображаются сверху блока #title, поскольку занимают не все 400px, а только max 100px.
Как выровнять текст и картинку по середине высоты #title?
1. Есть ли для этого готовые стили в bootstrap?
2. Желательно что бы работала адаптивность и код в итоге получился валидный. Как грамотней сделать?
{
margin: 0 auto;
display: table;
}
Спасибо!
line-height тоже пытался применить, не получилось, из-за того что там 2 строки, между ними растет расстояние, но они не по центру все равно.
Осталось только сделать marin (