如何在css中增加链接的面积

我将link的属性设置如下

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

使链接的高度符合其父div，但不起作用

当我设置了以下属性

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

那么它能正常工作吗？在css中有没有任何方法可以在不填充的情况下增加链接区域的高度

请求尽快给出答案

将此添加到css中：

display: block;

尝试将以下内容添加到css中：

display: inline-block;

与“display:block；”不同的是，它也有内联，这意味着您可以定义大小，但元素仍然像以前一样是内联的。
使用这两者中的任何一个-

display: inline-block;

或

关于元素保持其内联特性的观点很好，但重要的是要记住，在IET中，支持是脆弱的。感谢您的添加，我不知道这一点
display: inline-block;

float:left; /*or right*/