Html 如何对齐<；李>；和标志<；img>；紧挨着？

我不知道如何将其与徽标对齐。我试着使用填充物，但它不起作用，甚至漂浮，也许我会改变容器的大小，让它起作用。顺便说一句，由于溢出不允许链接，您将无法看到图像和li选项，因此为了更方便，我附加了一个图像 如果可能的话，甚至可以告诉你一些在HTML中做得更好的技巧

标题{
高度：600px；
背景图像：在此处输入URL代码；
背景重复：无重复；
背景尺寸：封面；
}
.收割台容器{
高度：1240px；
宽度：1240px；
左：3%；
}
.页眉标志{
高度：150像素；
宽度：450px；
}
img.logo{
宽度：400px；
高度：150像素；
}
导航{
填充顶部：10px；
}
导航ul{
保证金：0；
填充：0；
}
李国荣{
显示：内联flex；
左边距：50像素；
列表样式类型：无；
}
海军ulli a{
填充底部：11px；
字体系列：“Raleway”，无衬线；
字体大小：粗体；
字体大小：16px；
文本转换：大写；
文字装饰：无；
字母间距：0.1米；
颜色：#111111；
}
导航ulli a：悬停{
边框底部：2个实心#f22222；
}

卡塔利斯特公司。

如果您想将徽标和菜单排成一行，您应该在div中添加“float:left”样式。因此，您的样式如下：

。标题徽标{
高度：150像素；
宽度：450px；
浮动：左；
}
因为logo div和
ul
是同一父母的子女

您可以将它们的父项，即
设置为
显示：flex
，以便在flex行中对齐它的子项


nav {
 display: flex;
}


标题{
高度：600px；
背景图像：在此处输入URL代码；
背景重复：无重复；
背景尺寸：封面；
}
.收割台容器{
高度：1240px；
宽度：1240px；
左：3%；
}
.页眉标志{
高度：150像素；
宽度：450px；
}
img.logo{
宽度：400px；
高度：150像素；
}
导航{
填充顶部：10px；
显示器：flex；
}
导航ul{
保证金：0；
填充：0；
}
李国荣{
显示：内联flex；
左边距：50像素；
列表样式类型：无；
}
海军ulli a{
填充底部：11px；
字体系列：“Raleway”，无衬线；
字体大小：粗体；
字体大小：16px；
文本转换：大写；
文字装饰：无；
字母间距：0.1米；
/*颜色：#ffffff*/
颜色：#000；/*更改此选项以便可以看到颜色*/
}
导航ulli a：悬停{
边框底部：2个实心#f22222；
}

卡塔利斯特公司。







也许这会帮助您检查：这是否回答了您的问题？一个接一个