如何更改html标题的方向？

我是HTML和网页设计的初学者，我正在为我的网站制作一个简单的标题。我使用

float left

将徽标图像与左侧对齐。我还有一个简单的导航栏，其中包括我网站标题中的所有其他网页，而且它还与

右浮动

对齐，这次是向右对齐的。但是，该网页的显示方式不是我想要的。相反，它显示如下：

如您所见，导航栏和图像分别浮动到右侧和左侧，但导航栏明显位于图像和标题下方，而不是位于同一水平块上。我怎样才能改变这个？我希望导航栏指向标题和图像的右侧。我尝试使用

display:inline

，但没有成功。

---

提前感谢…

忘记

float

。使用

flex

.header {
    display: flex;
    justify-content: space-between;
}

---

阅读有关CSS flex box布局的

。这将加快您的工作速度，让您的工作更加愉快。
请添加标题类。

.header {
display: flex;
align-items: center;
justify-content: space-between;
}

寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的代码。请参见更改HTML中的位置。例如，您现在有了
，将其反转，使导航位于徽标（
）之前，并且间距将为gone@elveti谢谢，这很有效！为什么它能工作呢？你应该使用flex属性来实现它。@AaronyJamesys很难说确切的原因。这种情况通常发生在左浮动元素太宽时（并且会与右浮动元素重叠）。在这种情况下，第一个元素具有优先级（因此标题被放置，然后导航被放置在下面，因为它不再有空间）。如果您颠倒顺序，导航将排在第一位，因此具有优先权。下一个元素（标题）将稍后出现，填充左侧剩余的空间，并根据需要进行换行。顺便说一句，正如其他人提到的：
flex
几乎总是更好（它是更新的），但对于初学者来说可能很复杂