Форум Сайтостроение Веб-строительство

Вертикальное выравнивание текста

ExVood
На сайте с 02.07.2013
Offline
39
ExVood
336

Здравствуйте. Делаю блоки с новостями и не могу вертикально выровнять заголовок.

Когда заголовок в 2 строки, отображение нормальное, текст занимает весь блок.

А когда в 1ну строку то текст находится под картинкой.

Можно ли его вертикально выровнять по центру, но чтоб заголовки в 2 строки не опускались вниз?


.block {
background: none repeat scroll 0% 0% rgb(68, 68, 68);
height: 145px;
}

.block img {
height: auto;
max-width: 100%;
vertical-align: middle;
}

h1 {
font-size: 12px;
text-align: center;
line-height: 120%;
}



---------- Добавлено 26.10.2013 в 11:56 ----------

Вот, пофотошопил, нужно чтоб было так:

Ayavryk
На сайте с 11.10.2003
Offline
209
Ayavryk
#1

http://webdevelopernotes.ru/wp-content/uploads/2011/09/2-inline-block.html

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
ExVood
На сайте с 02.07.2013
Offline
39
ExVood
#2
Ayavryk:
http://webdevelopernotes.ru/wp-content/uploads/2011/09/2-inline-block.html

Пробовал добавлять display:inline-block, ничего не изменилось.

---------- Добавлено 26.10.2013 в 12:34 ----------

Все получилось, извиняюсь за невнимательность.

.block {
text-align: center;
background: none repeat scroll 0% 0% rgb(68, 68, 68);
height: 145px;
}

h1 {
font-size: 12px;
line-height: 100%;
display: inline-block;
vertical-align: middle;
}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий