выровнять текст по нижней части тега

Как получить текст в нижней части тега, который находится внутри li.

Вот мой код

<div id="navigation">         
    <ul>
        <li><a href="#">ter</a></li>
        <li><a href="#">redg</a></li>
        <li><a href="#">ryer More</a></li>
        <li><a href="#">More</a></li>
    </ul>           
</div> ​

И CSS это

#navigation { 
    width: 100%;
    height: 50px;
    clear: both;
    color: #333;
    background: #2b2b2b; 
    background: -moz-linear-gradient(top,  #2b2b2b 0%, #171717 49%, #000000 50%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom,
                color-stop(0%,#2b2b2b), color-stop(49%,#171717),
                color-stop(50%,#000000), color-stop(100%,#000000)); 
}
#navigation ul{
    margin:0 auto; width:auto;
    padding:0;
}
#navigation ul li{
    display:inline-block;
    color:#fff;
    font:12px Verdana, Geneva, sans-serif;
    padding:0 25px;
    background:url(images/nav_img.jpg) no-repeat center top;
    height:50px;
}
#navigation ul li a{
    display:inline-block;
    color:#fff;
    font:12px Verdana, Geneva, sans-serif;
    text-decoration:none;
    height:50px; 
}​
 Sowmya15 июн. 2012 г., 08:46
@freebird Да, это так. Спасибо
 Priyank Patel14 июн. 2012 г., 15:01
Вы хотите установить текст самого тега в нижнюю часть?
 Priyank Patel14 июн. 2012 г., 15:12
@ AymanSafadi Точно вопрос немного сбивает с толку, я думаю, что текст тега должен быть сдвинут вниз.
 Priyank Patel14 июн. 2012 г., 15:06
Вам это помогло?
 Ayman Safadi14 июн. 2012 г., 15:08
Не уверен, что вы спрашиваете ... это так?jsfiddle.net/vgEWf

Ответы на вопрос(3)

демонстрационная скрипка.Надеюсь, поможет.

 14 июн. 2012 г., 15:15
@MoinZaman Да, это хорошая идея, не уверен, что это то, что требуется пользователю, так как вопрос немного запутанный.
 14 июн. 2012 г., 16:13
Вы также можете разместить код в своем ответе.
 14 июн. 2012 г., 15:06
да, используяline-height это определенно хорошая идея.
Решение Вопроса

#navigation ul li{
    position: relative;
    display:inline-block;
    color:#fff;
    font:12px Verdana, Geneva, sans-serif;
    padding:0 25px;
    background:url(images/nav_img.jpg) no-repeat center top;
    width: 100px;
    height:50px;
}
#navigation ul li a{
    position: absolute;
    top: 30px;
    display:inline-block;
    color:#fff;
    font:12px Verdana, Geneva, sans-serif;
    text-decoration:none;
    height:50px;

}​

Ты можешь видетьдемонстрация Вот.

 Sowmya15 июн. 2012 г., 08:46
Спасибо. Это сработало

Don't set your 'a' elements 'height' explicitly Set 'display' to 'block' Add padding-top to your 'a' elements to push them down to where you need them

Ваш ответ на вопрос