CSS - Текст по центру DIV'a

Относительно по высоте? Тогда пропишите стилем высоту строки.

vertical-align: middle + display: table-cell позволят достичь нужного эффекта...

увидел это на lifehacker.ru

html код такой:

<div class="sidebar-subscribe">

<div class="sidebar-subscribe-content">

<div class="ssc-inner">

<div style="float:left; width:95px;">

</div>

<div style="float:left; width:105px;">

</div>

<div style="float:left; width:60px;">

</div>

<div class="clear"></div>

</div>

</div>

</div>

Высота строки не помогает.

line-height хорошо помогает

---------- Добавлено 23.05.2012 в 19:55 ----------

<div class="social fb">Facebook</div>

<div class="social vk">Vkontakte</div>

<div class="social rss">RSS</div>

.social {

display: inline-block;

padding: 0 5px 0 25px;

height: 20px;

line-height: 20px;

background: no-repeat left center;

}

.fb { background-image: url('fb.png');}

.vk { background-image: url('vk.png');}

.rss { background-image: url('rss.png');}

без изменений

---------- Добавлено 23.05.2012 в 21:01 ----------

Спасибо! Отличный способ.

это не отличный способ, а:

:)

Помогает, но вообще-то это маразам от w3c. Такой же как боксовая модель CSS2. Непонятно почему и зачем сделано не как у людей, а через ж...

а как у людей?

с примером плз

dkameleon говорит толк, line-height работает

Вот быстро стряпал только через список

<ul class="social">

<li class="fb"><a href="#">Facebook</a></li>

<li class="vk"><a href="#">ВКонтакте</a></li>

<li class="rss"><a href="#">RSS</a></li>

</ul>

ul.social { list-style: none; }

ul.social li { float: left; margin-right: 40px; line-height: 34px; }

ul.social li a { padding-left: 40px; text-decoration: none; }

ul.social li.fb { background: url(images/facebook.png) no-repeat; }

ul.social li.vk { background: url(images/vkontakte.png) no-repeat; }

ul.social li.rss { background: url(images/rss.png) no-repeat; }

Наглядный пример у любого верстальщика есть под рукой - откройте Photoshop и попробуйте изменить интерлиняж. При его изменении верхняя строка всегда будет оставаться на месте, а все последующий пойдут вверх или вниз. И это соответствует определению интерлиньяжа в любом типографском справочнике: пруфлинк

В профессиональных пакетах верстки могут быть и другие варианты, включая дебильные, но все равно везде интерлиньяж привязывается к базовой линии шрифта.

Хотя допускаю, что способ вертикального выравнивания с использованием интерлиньяжа придумали не в w3c, а в Microsoft или Netscape, но от этого менее идиотским он не стал.