problem with text align

[xiaawan]

Hi Everyone . I am having problem with text align in CSS. I am using <li> element. I want to display text centered vertically i.e. it should be at equal distance from top and bottom. sorry for my bad english. thanks in advance.

[merseyside]

Hi Everyone . I am having problem with text align in CSS. I am using <li> element. I want to display text centered vertically i.e. it should be at equal distance from top and bottom. sorry for my bad english. thanks in advance.

Have a look at the padding or margin styling of the element containing the text. Try the padding first, if that doesn't do what you want try the margin. Depending on the rest of your layout and what you're trying to achieve you may have to place a div around the text and apply the padding to that, i.e

[HTML]
<li style="padding:5px 0px 5px 0px;">
some text
</li>

or

<li>
<div style="padding:5px 0px 5px 0px;">some text</div>
</li>
[/HTML]

[xiaawan]

Have a look at the padding or margin styling of the element containing the text. Try the padding first, if that doesn't do what you want try the margin. Depending on the rest of your layout and what you're trying to achieve you may have to place a div around the text and apply the padding to that, i.e

[HTML]
<li style="padding:5px 0px 5px 0px;">
some text
</li>

or

<li>
<div style="padding:5px 0px 5px 0px;">some text</div>
</li>
[/HTML]

Dear merseyside thank you for your quick reply.
applying padding or margin do not solve my problem. Actually my <li> element is 50px in height. applying padding-top and padding-bottom only makes spaces from top and down. is there any way that text starts from middle vertically and then moves up and down equally depending on the size of text. sorry for my bad english again.

[drhowarddrfine]

I don't understand because padding should do what you want. Try looking into line-height to see if that is what you want.