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

[axigreat]

привет!! Есть горизонтальный список такого вот примерно вида:

не могу дойти до мысли, как выровнять эти элементы по высоте(middle) Подскажите какие есть пути, но интересует только вариант со списком, таблицы не нужны.

[rus]

а что вы сделали? свой вариант есть?

[axigreat]

так вот он и есть )) Какая разница, или поясните, что вы имели ввиду, не пойму..

[rus]

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

[Bonzash]

Ваш вариант картинка или это CSS5?

Код покажите.

Edited September 9, 2011 by Bonzash

[Fear1]

Возможно он даже не пробовал

[axigreat]

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

теперь понял, ну сложно тут представить какой то код, который покажет. что я старался., вот HTML код:

<ul class="main">
	<li class="child">rwrwrrwrwrw rwerwrwe rwrwrwrwrww</li>
    <li class="child">wrrwr wrwrewrwerwer</li>
    <li class="child">wrwerwrwer</li>
    <li class="child">rwerwe rwrwe rwrwr</li>
</ul>

и css :

.main {display: compact; list-style-type: none; min-height:50px; height: 70px; vertical-align: bottom;}
  .child {float: left; width: 100px;
  border: 1px solid black;
  vertical-align:middle; padding: 10px auto;}

Bonzash, тут просто картинка картинка

этот вариант был создан для примера, vertical-align не помогает, пробовал с позиционированием как-нибудь сделать, тоже не выходит, текст не двигается, единственное только есть варианты выравнять по нижнему краю, а по центру вот не могу

Вот ссылка на более реальный пример

Edited September 9, 2011 by axigreat

[Vlad]

Уберите высоту height для li, установите vertical-align: middle, а фон добавьте к ul.

[axigreat]

спасибо, помогло, но подсветка понятное дело стала разной высоты для каждого элемента, я попробовал обернуть каждый li в div и подсвечивать его (даже не знаю, стояющая ли это идея), но опять таки даже с ним вот такое выходит. li прилепает к его верхнему краю, отлепить пока не получается