NealQuecluh
New Member
I am trying to align \[code\]<a>\[/code\] tags inside \[code\]<li>\[/code\] but i can do it verticaly. But the \[code\]<a>\[/code\] is allways in the top and i want to center verticaly and horizontaly the \[code\]<a>\[/code\] tag
How you can see at the image. I need A. but Getting B.This is the HTML\[code\]<ul><li><a href="http://stackoverflow.com/questions/13791694/#">Link 1</a></li><li><a href="http://stackoverflow.com/questions/13791694/#">Link 2</a></li><li><a href="http://stackoverflow.com/questions/13791694/#">Link 3</a></li><ul>?\[/code\]And this the CSS\[code\]ul { line-height: 85px;}li { float: left; height: 85px; line-height: 85px; border: 1px solid red;}a { height: 40px; line-height: 40px; width: 40px; display: block; text-align: center; border: 1px solid blue;}\[/code\]?You can see the jsfiddlehttp://jsfiddle.net/Mum5e/