css設置讓a標簽充滿整個li

首先貼一段html代碼：

<li id="sendText"><a href="#" title="發送文字"></a></li>
<li id="mic"><a href="#" title="關閉麥克風"></a></li>
<li id="camera"><a href="#" title="關閉攝像頭"></a></li>
<li id="audio"><a href="#" title="關閉音量"></a></li>
<li id="changeCam"><a href="#" title="切換攝像頭"></a></li>
<li id="hang-up"><a href="#" title="掛斷"></a></li>

我們想設置a標簽，使得鼠標移入的時候有提示信息。但是如果原生的css，a標簽中沒有內容的話，其大小是0*0，無法達到效果

我們進行如下設置：

.videoContent .bottom li{
    width:10%;
    height:100%;
    float:left;
    display:inline;

}
.videoContent .bottom a{
    display:block;
    height:100%

}

把li設置為 inline，把a設置為block並且設置高度為100%