html - 如何使整个 元素成为链接？

Question

所以我有一堆选项卡，它们都在一个列表元素中。我在 View 中使用 Ruby on Rails，所以它看起来像这样:

<div id="top-nav">
    <ul>
        <li> <%= link_to "Home", user_root_path() %> </li>
        <li> <%= link_to "Manage", manage_path() %> </li>
    </ul>
</div>

等等。

如何在 CSS 中设置它的样式，以便我可以单击文本周围的框转到该链接，而不必单击文本本身？

我查看了一些答案并尝试使用 display:block;在 top-nav 和 li 元素中，但它一直没有工作。

谢谢!

Answer 1

执行以下操作:

 - <li> tag should have ZERO padding
 - <a> tag should have ZERO margin
 - <a> tag should have the actual padding