Html 如何在保持元素有序的同时正确浮动？

我在这里看到一些类似于这个的问题，但他们的答案对我来说并不适用

这里有一大堆正在发生的事情

我尝试了其他问题中要求我做的事情

使浮动对象显示内联块，并使容器文本向右对齐。还有什么会出错

html

<nav>
    <h1>OWN WHAT YOU THINK</h1>
     <a href="#">JOIN</a>
     <a href="#">HISTORY</a>
     <a href="#">RESOURCES</a> 
     <a href="#">CONTACT</a>
</nav>

---

谢谢

请从导航A删除您的浮标

nav a{
    display:inline-block;

    color:white;
    margin-left:10px;
    font-size:12px;
    text-decoration: none;
    font-weight:100;
    letter-spacing: -1px;
}

---

如果要使用

内联块

，您需要删除

浮动

：谢谢，如果我这样做了，如果im没有向右浮动，它怎么知道保持在右侧？

内联块

元素受父项的

文本对齐

属性的影响，想象它们是右对齐段落中的单词

nav a{
    display:inline-block;

    color:white;
    margin-left:10px;
    font-size:12px;
    text-decoration: none;
    font-weight:100;
    letter-spacing: -1px;
}