HTML/CSS - 如何将名称链接居中在这个div中？

Question

你好我想独自离开的图像和中心命名为“蒂姆·海德克”在这个div .. http://jsfiddle.net/4huq3/

感谢您的帮助。

Answer 1

更新您的提琴。 http://jsfiddle.net/thomas_peklak/4huq3/24/

#left { 
    width: 228px; 
    height: 60px; 
    border: 1px solid #000; 
} 
#left a{line-height:60px} 

.icon { 
    vertical-align:middle 

} 

Answer 2

尝试加入vertical-align:middle;您.icon规则

Answer 3

此解决方案有效，但我编辑您的标记http://jsfiddle.net/jalbertbowdenii/4huq3/26/

Answer 4

我所做的就是添加一个id名为链接标记，然后将其定位。看到这个分叉的jsfiddle：

http://jsfiddle.net/98RhD/10/

Answer 5

你可以使用绝对定位是这样的：

HTML：

<div id="left"><a href="..." class="icon"><span>Time Heidecker</span></div> 

CSS：

#left { position: relative; width: 228px; height: 60px; border: 1px solid #000; } 
#left span { position: absolute; top: 15px; left: 70px; } 

你必须去拨弄根据数字来确定你的最终中心位置文本和最终框的大小和/或如果你想垂直居中（CSS顶部）或水平居中（CSS左）。

我希望这有助于！