Css - 无法更改<a> tag</a>上的垂直位置

Question

在我的website我想将一个标签（黑匣子）向下移动到中间，但我无法让它工作。我不能影响页面上的其他元素。 当我加上顶部：50％;在萤火虫中它按照我的要求向下移动到中间，但我不能让它适用于真实的网站。 元素的CSS：

.section {
    width: 100px;
    height: 100px;
    background-color: black;    
    position: relative;
    margin-left: 720px;
    top: 50%;
}

Answer 1

确保您的标签正确嵌套在另一个元素（div，p等）中，并使用CSS设置该元素的位置。

<div class="sectionhldr" >
      <a class="section" href="/*destination*/"> My Link</a>
</div>

将位置设置为div类。

Answer 2

您可以将display: inline-block添加到.selection，以便正确显示元素的高度。

但现在问你真正的问题：你可以使用：top: 450px

Answer 3

...试

.section {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    margin-left: -50px;
    left: 50%;
    top: 50%;
    margin-top: -50px;
}