如何更改html标头的方向？

Question

我是HTML和Web设计的初学者，并且正在为我的网站制作一个简单的标题。我使用float left将徽标图像对齐到左侧。我还有一个简单的导航栏，其中包含我网站上标头中的所有其他网页，并且这次也与float right对齐。但是，该网页显示的方式与我想要的方式不同。相反，它显示如下：

如您所见，导航栏和图像分别左右浮动，但导航栏明显位于图像和标题下方，而不是位于同一水平块上。我该如何更改？我希望导航栏指向标题和图像的右侧。我尝试使用display: inline，但是没有用。 预先感谢...

Answer 1

忘记float。使用flex

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

了解有关CSS flex-box layout的信息。这样可以加快您的工作速度并使它变得更加愉快。

Answer 2

请添加标题类

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