html - 如何使用 CSS 移动文本？

Question

我正在尝试将导航栏移至右上角。我尝试使用填充来做到这一点。 Padding-right,top,left 有效，但 padding-bottom 无效。我也尝试使用 float:right; 但它没有显示在我想要的确切位置。我做错了什么？

.nav1 a {
  padding-right: 10px;
  padding-bottom: 50px;
  text-decoration: none;
}

<nav class="nav1">
  <a href="./Index.html">HOME</a>
  <a href="./About_Me.html">ABOUT ME</a>
  <a href="./Contact.html">CONTACT</a>
</nav>

Answer 1

您可以通过将 text-align 属性添加到 nav CSS 来解决此问题。见片段:

nav {
  text-align: right;
}

.nav1 a {
  padding: 10px;
  text-decoration: none;
}

<nav class="nav1">
  <a href="./Index.html">HOME</a>
  <a href="./About_Me.html">ABOUT ME</a>
  <a href="./Contact.html">CONTACT</a>
</nav>