title: how to increase the area of the link in css
body: <p>i have set the property of link as follow</p>
  
  <pre><code>    .heading-text a
              {
                 font-family: verdana;
                 font-size:12px;
                 color:#124253;
                 width:100%;
                 height:40px;
                 text-align: center;
                 cursor: pointer;   
              } 
  </code></pre>
  
  <p>to make the height of the link as per it's parent div but it's not working</p>
  
  <p>when  i have set following property</p>
  
  <pre><code>    .heading-text a
              {
                  padding:11px 0px;  
              }
  </code></pre>
  
  <p>then it work properly is there any way in css by which i can increase the height of the area of the link without padding</p>
  
  <p>Request to give answer as soon as possible</p>