Html 如何将这些元素并排对齐？

无论如何，我很难将这些元素并排对齐-

-是目前为止的样子，但我希望它看起来像这样：

.reviewprofile{ 背景色：透明； 边界：无； 边缘顶端：5em； } .评论中心{ 显示：内联块； 字体系列：“Abhaya Libre”，《泰晤士报》，衬线； 字号：0.8em； 字体大小：400； 颜色：5E5E； 文本对齐：左对齐； 左侧填充：3.5em； 保证金：0； } .通讯按钮{ 浮动：左； } 斯塔斯雷夫先生{ 左侧填充：2.8em； }

crasultriciesdolor ac justo scelerisque，坐在一只老鼠身上

---

请在CSS下添加并检查

img {
    float: left;
}

---

我没有运行代码。

您可以尝试浮动它们。那是我通常做的事

.commbutton{
 float:left;
 }

 .commentry{
 float:left;
 }

父级上的flex将使用现有标记创建此布局。下面是有关语法/选项帮助的可视指南

.reviewprofile{ 背景色：透明； 边界：无； } .评论中心{ 字体系列：“Abhaya Libre”，《泰晤士报》，衬线； 字号：0.8em； 字体大小：400； 颜色：5E5E； 文本对齐：左对齐； 保证金：0； } .通信{ 显示器：flex； 对齐项目：居中；/*这将影响垂直对齐*/ }

crasultriciesdolor ac justo scelerisque，坐在一只老鼠身上

---

将float:left应用于要显示在左侧的div，并将float:right应用于要显示在右侧的div。这是起点。根据结果，您可能也必须将其更改为内联。

对不起，这不会使页面上的每个图像都向左浮动吗？是的。你是对的，但给出了关于这个问题的解决方案。如果有多个，那么这就是解决方案。starsrev{padding left:2.8em；float:left；}