Skip to content Skip to sidebar Skip to footer
Home / Css / Html / Vertical Alignment

Vertically Align Links In Lists

Post a Comment
I've got the following HTML markup;

Solution 1:

Use line-height in your <a>(css) To get your link vertical aligned, you need to set it as the same height as the <li>. Your <li>height is 150px. So your line-height should be 150px to. Like in the DEMO and code below here.

Css:

.blockmenulia { 
    ....
    line-height:150px;    /* The height of your li */
}

DEMO

More information about Line-height

You may like these posts

Post a Comment for "Vertically Align Links In Lists"