[ element by using CSS class?的位置

Question

我想o将链接放置在所需的位置。问题在于它是在左边距设置边距而不是在边距顶部。我不知道缺少什么。

.LearnMoreTxt{
    margin-top: 15px;
    margin-left: 730px;
    color: rgb(0, 140, 255);
    text-decoration: none;
    font-size: 25px;
    font-family: sans-serif;
}

<a href="#" class="LearnMoreTxt">Learn More ></a>

Answer 1

@@ Sandy，请在样式声明中使用display: block;来制作锚定（a）标签块元素。默认情况下，锚点（a）标记呈现为嵌入式元素。

.LearnMoreTxt {
    margin-top: 100px; /* change default value */
    margin-left: 100px; /* change default value */
    color: rgb(0, 140, 255);
    text-decoration: none;
    font-size: 25px;
    font-family: sans-serif;
    display: block;
}

<a href="" class="LearnMoreTxt"> Learn More > </a>

Answer 2

您必须应用display: block;和white-space: nowrap;，这是因为您的<a>文本没有分成两行。

.LearnMoreTxt{
    margin-top: 15px;
    margin-left: 730px;
    color: rgb(0, 140, 255);
    text-decoration: none;
    font-size: 25px;
    font-family: sans-serif;
    display: block;
    white-space: nowrap;
}

<a href="#" class="LearnMoreTxt">Learn More ></a>