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

Уберите отсюда:

#sideLeft a {
display:block;
text-decoration:none;
color:white;
margin-top:-3px;
}

Эту строку:

margin-top:-3px;

И эту:

display:block;

Как вариант:

display: table-cell;
vertical-align: middle;

И можно добавить то что написал FernandoDiaz.

Убрал, вот что получилось:😕

Uploaded with ImageShack.us

---------- Добавлено 13.05.2012 в 22:10 ----------

Добавил, но всё так и осталось как на предыдущем скрине:(

brokkoli, помоему так красивее) зато необычно) 😂

Скиньте лучше линк, можно в лс.

=) http://psk-in.ru

Попробуйте это оставить:

display:block;

А это удалить:

margin-top:-3px;

😂 +1

brokkoli, в <li> ссылки оберните

#sideLeft a {

vertical-align: middle;

text-decoration: none;

color: white;

display: table-cell;

}

<div class="sidebar" id="sideLeft">

          

<h2>Продукция:</h2>

<li><a class="button" href="/stellazhi-polochnye/">Полочные стеллажи</a></li>

<li><a class="button" href="/palletnye-stellazhi/">Паллетные стеллажи</a></li>

<li><a class="button" href="/palletnye-stellazhi/">Паллетные стеллажи</a></li>

<li><a class="button" href="/gruzovie-stellaji/">Грузовые стеллажи</a></li>

<li><a class="button" href="/stellazhi-konsolnii/">Консольные стеллажи</a></li>

<li><a class="button" href="/universalnye-serii-kombi/">Универсальные стеллажи</a></li>

<li><a class="button" href="/peredvizhnye-stellazhi/">Передвижные стеллажи</a></li>

<li><a class="button" href="/mezonin/">Мезонин</a></li>

<li><a class="button" href="/stellazhi-dlja-doma/">Металлические стеллажи для дома</a></li>

<li><a class="button" href="/torgovie-stellaji/">Торговые стеллажи</a></li>

<li><a class="button1" href="/nashi-stellazhi/">Еще стеллажи</a></li>

<li><a class="button1" href="/produktsija/">Еще продукция</a></li>

<li><a class="button" href="/stati/">Информация</a></li>

</div>

это как у вас так получилось?

<div class="sidebar" id="sideLeft">

и класс и id вместе? и не родитель никто, и у кнопок левый класс.

тут полностью код сначала надо менять

Обернул, не помогает. Может у вас есть пример кнопок такого типа, а то уже шиза какая то в голове начинается))

---------- Добавлено 13.05.2012 в 22:54 ----------

<div class="sidebar" id="sideLeft">

Изначально шаблон составлялся через генератор csstools и там у них такая шляпа...

Почему не родитель никто? И почему класс левый?

Извините, что вопросом на вопрос, но правда не понял.=)

Как сделать для кнопок родной класс?