リンクを100％の幅にする

Question

私は幅が幅がXのボックスを持っています。それに私はリンク要素（<li><a ..></a><li>）のリスト（<ul>）を持っています

CSSを使って、テキストの外側とボックスの100％の幅でリンクをクリックできるようにするにはどうすればいいですか？ボックスの各行をクリック可能にする：D

Answer 1

aタグにdisplay: blockを追加します。

Answer 2

私はスコットに同意するが、私の代わりにこのコードをお勧めします：

a { 
    display: inline-block; 
    width: 100%; 
} 

か、このコード：display: blockは<a>要素は、その行に表示されますので、

<ul> 
    <li><a href="topage" style="display: inline-block">text</a></li> 
</ul> 

を私はdisplay: inline-blockをお勧めします。

編集（どちらも、すべての場合でではなく、この場合には罰金になります）：width:100%が参照されていなかったようです。コメントするための@ LGSonに感謝します！