Vertically Align Links In Lists

I've got the following HTML markup;

• item 1
• item 2<

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:

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

DEMO

More information about Line-height

Share

You may like these posts

• 
  Race-condition With Web Workers When Setting Onmessage Handler?
• 
  Bootstrap Is Not Styling Anything
• 
  Html Tag Stops Being Full Width On Skinny Viewports
• 
  Jquery Replace Matching Text With Html