如何提高我已經設置鏈接的屬性在CSS

Question

鏈接的區域如下

.heading-text a 
      { 
       font-family: verdana; 
       font-size:12px; 
       color:#124253; 
       width:100%; 
       height:40px; 
       text-align: center; 
       cursor: pointer; 
      } 

，使鏈接的高度，按照它的父格，但它不工作

時我已經設置以下屬性

.heading-text a 
      { 
       padding:11px 0px; 
      } 

那麼它正常工作，有在CSS任何方式，我可以增加鏈接的區域的高度沒有填充

要求儘快給出答案

Answer 1

<a>標籤默認爲內聯。將其更改爲阻止：

.heading-text a 
{ 
    display: block; /* Add this */ 
    font-family: verdana; 
    font-size:12px; 
    color:#124253; 
    width:100%; 
    height:40px; 
    text-align: center; 
    cursor: pointer; 
} 

這是example fiddle。

Answer 2

添加到您的CSS：

display: block; 

Answer 3

嘗試以下內容添加到你的CSS：

display: inline-block; 

在差異「顯示：塊;」，這也是內聯，意味着你可以定義大小，但元素仍然像以前一樣內聯。

Answer 4

使用的這 -

display: inline-block; 

或

float:left; /*or right*/