如何在html中将元素向下移动一点点

Question

这听起来很奇怪我知道,但是我无法让一段文字向下移动一点点,所以它集中在它所在的标签上.

这是它的样子:

我希望买入垂直居中.

这是html:

<div class="row-2">
     <ul>
         <li><a href="index.html" class="active">Buy</a></li>
     </ul>
</div>

Answer 1

您可以在文本上设置行高,例如在活动类中:

.active {
    ...
    line-height: 2em;
    ....
}

Answer 2

<div class="row-2">
 <ul>
     <li><a href="index.html" class="active"><p style="margin-top: 10px;">Buy</p></a></li>
 </ul>

玩它