Html 我的图像（标记在div s下）无法并排放置在同一行上

我的图像不会并排放置&我不知道为什么

我已将显示设置为内联显示，但仍然无法工作

我想我应该提到的是，我希望4个彩色按钮按照现在的情况进行分组，2个在顶部，2个在底部，但我仍然希望它与徽标和pfp图像保持一致

以下是我到目前为止对css页面的了解

下面是他们目前的情况

*“vengage”盒子是标志，所以它应该像

第一排[vengage][home][settings][pfp]

然后将[fyp][search]直接放在主页和设置按钮下方

如果有用的话，如果可能的话，这就是我希望他们坐在网页上的方式

*{
框大小：边框框；
}
身体{
宽度：999px；
高度：1000px；
文字装饰：无；
}
.标志{
填充物：5px；
显示器：flex；
}
.菜单{
显示器：flex；
弯曲方向：行；
}

---

从menu类中删除display:inline并再次添加

display:flex

如果您想将所有元素与徽标对齐，而不仅仅是更改menu div的位置，请将其作为一个母div。希望它能解决您的问题

*{
框大小：边框框；
}
身体{
显示：内联块；
宽度：999px；
高度：1000px；
文字装饰：无；
}
.标志{
填充物：5px；
显示：内联；
}
.菜单{
显示器：flex；
}

试试这个

添加

显示：flex到正文。同时添加
垂直对齐：顶部到所有图像
就是


*{
框大小：边框框；
}
身体{
宽度：999px；
高度：1000px；
文字装饰：无；
显示器：flex；
}
img{
垂直对齐：顶部；
边框：1px实心#111；
}

它仍然显示与我当前问题相同的内容；-；是否希望所有图像都在一行中。有两个顶部和两个底部的4色ful？算什么？我希望这4个彩色的图片彼此叠放在一起，但仍然与徽标和灰色图像保持一致。您可以添加预期的输出图像吗？只是添加了它：））评论不用于扩展讨论；这段对话已经结束。
body{
  display:flex;
}
img{
  vertical-align:top;
}