Как бы я «приклеил» текст к нижней части элемента, не используя position: absolute?

Question

Я играл с новыми переходами CSS3, и я, кажется, столкнулся с небольшим препятствием. Я использую переходы для масштабирования ссылок, содержащихся в неупорядоченном списке, но это создает нежелательное поведение. Вам будет проще просто показать: http://jsfiddle.net/xARug/

Теперь все работает как положено, однако, когда текст масштабируется, он должен растягивать список вверх, что заставляет другие ссылки в нем немного подниматься. Я ищу способ «приклеить» текст к нижней части родительского элемента. Я попытался использовать position: absolute, но, поскольку он вытягивает текст из потока, он, похоже, не работает.

Как лучше всего решить эту проблему?

Answer 1

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

http://jsfiddle.net/xARug/1/

nav ul li{
    display: inline-block;
    padding-left:0.5em;
}