vertical align in list

[lord22]

Hi,

I have a simple unordered list:


<ul>
<li style="height:25px; width:25px; text-align:center;"><a href="1.html">1</a></li>
<li style="height:25px; width:25px; text-align:center;"><a href="2.html">2</a></li>
<li style="height:25px; width:25px; text-align:center;"><a href="3.html">3</a></li>
</ul>


How can I have the links vertically centered inside the li's?

Thanks!

[maneetpuri]

Hi,

You can apply some padding to get it in the middle.

<ul>
<li style="height:25px; width:25px; padding-top:8px; text-align:center;"><a href="1.html">1</a></li>
<li style="height:25px; width:25px; text-align:center; padding-top:8px"><a href="2.html">2</a></li>
<li style="height:25px; width:25px; text-align:center; padding-top:8px"><a href="3.html">3</a></li>
</ul>

Hope This Helps,
Cheers,

[Moshambi]

You can also try applying a line-height:


<li style="height:25px; width:25px; line-height: 1.5em; text-align:center;"><a href="1.html">1</a></li>

[monicasaha]

make height and line-height same