Html div-won'内的文本；t包装

如图所示：顶部组有少量文本，文本位于图像右侧。底部组是相同的，只是其中有更多的文本。但是，这会导致文本在图像下方移动，而不是像我希望的那样进行换行。如何解决这个问题？我试过：

white-space:normal;
word-wrap: break-word;
width:50%;
max-width:50%;

---

您是否尝试在图像上使用float:left？

您需要为文本容器指定宽度，否则它会自动尝试为宽度的100%

.text{
         vertical-align:top;
         display:inline-block;
         width: 30%;
    }

---

如果

或其中一个包含元素上没有宽度，浏览器的渲染引擎就没有理由阻止元素展开以填充其容器

---

您要做的是通过在其父段落上设置

width

或

max width

来约束该段落的宽度

是，但在小窗口中打印或显示时会导致其他问题。