在<li> <a> element

Question

I've looked at various solutions in regards to this question, but they don't seem to apply.

This is my simple HTML code:

<ul>
<li><a href="index.php">Home</a></li>
<li><a href="games.php">Games</a></li>
<li><a href="trivia.php">Trivia</a></li>
</ul>

How do I increase the space between the text and the line underneath it?

Answer 1

使用<br>或line-height css规则，或者只使用<li> css：

li
{ display:block;
  height:XXXX;
}

Answer 2

将此添加到您的css：

li {
    margin-bottom:5px;
}

相应地更改5px。

Answer 3

实际上有三种或更多种方式......这里是最好的三种方式：

1。制造，它们会在它们之间制动，就像你刚刚按下回车键一样。 2。您可以使用li{padding-top:10px;padding-bottom:10px;}或仅使用html

UL＆GT;     li style =“padding-top：10px; padding-bottom：10px;”＆gt; Home

你知道我的意思，我不能正确地写出来，因为它会在那篇帖子中写下来......

现在，第三个应该与填充相同，但使用“margin”代替