如何在html中的href中添加垂直文本对齐？

Question

Hai我有一个列表（动态我创建了html），在该列表中我添加了许多超链接。现在我想在中心添加该链接如何做到这一点？请帮助我

"<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 1

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> 

Answer 2

Hi you can give vertical text in href in HTML through easy css like this:-

  <a href="#" style="width:200px; height:100px; background:red; display:table-cell; vertical-align:middle; text-align:center; color:black;">shailender</a>

i hope this can be helpful for you.....

or see the demo:- http://jsbin.com/uwemuy/edit#html,live