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左）。

我希望這有助於！