Html 如何将导航栏向右对齐

我试过将浮动改为右侧，改变位置和对齐，但都没有效果。请帮忙。不管我怎么努力，我似乎都无法让它发挥作用。我尝试过使用导航栏位于右侧的其他代码，但也不起作用。希望有人能帮我解决这个问题：）

---

您正在将

float:left

应用于

.Navigasjon a

.Navigasjon{
利润率：14px；
宽度：计算（100%-28px）；
背景色：透明；
溢出：隐藏；
文本对齐：右对齐；
}
纳维加斯乔恩先生{
显示：块；
颜色：黑色；
填充：18px 22px；
文字装饰：无；
字号：18px；
字号：550；
字体系列：无衬线；
显示：内联块；
}
纳维加斯乔恩：悬停{
背景色：rgb（128、128、128、0.5）；
}
.active1{
背景色：rgb（128、128、128、0.5）；
}

优化代码：

HTML

---

非常感谢你，这对我很有用@如果我的答案解决你的问题，请考虑接受！非常感谢您对代码进行优化，并帮助我正确调整代码！

  <div class="Navigasjon">
            <a class="active1" href="Index.php">Forside</a>
            <a href="Rappernavn.php">Rappere</a>
            <a href="Album.php">Album</a>

        </div>

.Navigasjon {
position: absolute;
margin: 14px;
width: 100%;
top: 0px;
background-color: transparent;
overflow: hidden;
}

.Navigasjon a {
float: left;
display: block;
color: Black;
text-align: right;
padding: 18px 22px;
text-decoration: none;
font-size: 18px;
font-weight: 550;
font-family: sans-serif;
}

.Navigasjon a:hover {
background-color: rgb(128, 128, 128, 0.5);
color: black;
}

.active1 {
background-color: rgb(128, 128, 128, 0.5);
}

<div class="Navigasjon">
  <a class="active1" href="Index.php">Forside</a>
  <a href="Rappernavn.php">Rappere</a>
  <a href="Album.php">Album</a>
</div>

.Navigasjon {
  display: flex;
  justify-content: flex-end;
  margin: 14px;
}

.Navigasjon a {
  display: block;
  color: black;
  text-align: right;
  padding: 18px 22px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 550;
  font-family: sans-serif;
}

.Navigasjon a:hover {
  background-color: rgb(128, 128, 128, 0.5);
}

.active1 {
  background-color: rgb(128, 128, 128, 0.5);
}