How to add vertical text align in href in html?

user1324068 picture user1324068 · May 30, 2012 · Viewed 26.8k times · Source

Hai i have a list(dynamically i created the html),in that list i added many hyperlinks .Now i want to add that link in center how to do this?kindly help me

"<FONT SIZE=5;face=Droid Sans>"+"<p style=text-align:center>"+"<a  id='"+i+"'  href='#' >" +value +  "</a>"+"</p>"+"<hr style='border:1px solid #EBEBEB'/>"+"</FONT>"+ "</li>");

Answer

palAlaa picture palAlaa · May 30, 2012

Try to use embed of external style not inline style. I used line-height to make vertical align and text-align: center to center the text.

An example of adding vertical align to anchor:

.anch{
    font-size:12px;
    color:green;
    display:inline-block;
    height:100px;
    width:300px;
    border:1px solid black;
    text-align:center;
    vertical-align:top;
    line-height:100px;
}
<a href="#" class="anch">Anchor</a>