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

这听起来很奇怪，我知道，但我很难让一段文字向下移动一点点，这样它就会集中在它所在的标签上

下面是它的样子：

我想买的东西垂直居中

以下是html：

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

一种简单的方法是将

行高度设置为元素的高度。
尝试如下操作：

.row-2 ul li {
    margin-top: 15px;
}

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

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


.第2排UL LI A
{
保证金上限：10px；/*或任何你需要的下移金额*/
}
很简单，只需使用：

<br />









使用它
您可以使用上边距顶部来调整文本，也可以使用填充顶部。两者在您的情况下具有相似的视觉效果，但实际上两者的行为略有不同。
您可以使用
垂直对齐
来垂直移动项目

例如：

<div>This is an <span style="vertical-align: -20px;">example</span></div>

这是一个例子

这将使包含单词“example”的范围与文本的其余部分相比向下移动20像素

此属性的预期用途是沿设定线对齐不同高度的元素（例如，不同大小的图像）<代码>垂直对齐：例如，top

将对齐一条线上的所有图像，使每个图像的顶部彼此对齐<代码>垂直对齐：中间将对齐所有图像，使图像的中间彼此对齐，而不考虑每个图像的高度

你可以在Chris Coyier的这篇文章中看到可视化的例子

---

希望有帮助

如果用户更改了文本大小会发生什么？如果用户更改了文本大小会发生什么？尝试了这一点后，选项卡变大了，文本保持在原来的位置，这意味着您可能使用了错误的方法来设置选项卡的样式。我头痛的建议是最好的方法。怎么做？是否正确

线高：100%？这对我很有帮助。我曾经遇到过这样的情况：我在一个表单元格td中有几个链接，我想把其中一个向下移动一点。
<div class="row-2">
 <ul>
     <li><a href="index.html" class="active"><p style="margin-top: 10px;">Buy</p></a></li>
 </ul>

<div>This is an <span style="vertical-align: -20px;">example</span></div>