Html 如何使块正确浮动图像

这是我的密码：

.container{
宽度：90%；
保证金：0自动；
}
.持有人{
显示：内联块；
宽度：75%；
背景颜色：粉红色；
}
img{
宽度：25%；
高度：自动；
浮动：左；
}
.数据{
显示：内联块；
宽度：50%；
}

标题lacinia sed posuere non，nisi中的ultricies
Aliquam nibh metus，lacinia sed posuere non，nisi的ultricies。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号
一些数据1
一些数据2

除非html被修复，否则这应该可以工作吗？将图像放在一个容器中，并使用flexbox在文本下面做两个COL

.container{
宽度：90%；
保证金：0自动；
}
.持有人{
显示器：flex；
背景颜色：粉红色；
}
.闭塞img{
宽度：25%；
浮动：左；
右边距：12px；
}
.数据{
宽度：50%；
}

标题lacinia sed posuere non，nisi中的ultricies
阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。
阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。
猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔
非，nisi中的ultricies。猫自由号。阿利奎姆·尼布·梅特斯，拉齐尼亚·塞德·波苏尔·诺恩，尼西的秘密。猫自由号。
一些数据1
一些数据2

您可以使用CSS根据屏幕大小更改元素的宽度queries@GuillermoCarone谢谢，但我永远不知道文本和数据块何时会浮动到图像上。假设我们有10个相同的块，描述到处不同，一行在那里，十行在另一个地方。文本应该总是在图像的右边吗？@PeterLeger不，文本应该是浮动的。图像一看起来很棒，图像二唯一的问题是“一些数据1”和“一些数据2”不是各占50%。它们不会占用整个可用空间。感谢您提供的解决方案，但是当全屏和描述短于图像高度时，粉红色数据位于您案例中的图像下方。在我的例子中，在我的代码中，它就在描述之后（请参见图1）。我明白了-如果在holder类中删除width:100%（或更改为max width:100%），无论文本有多长，它都应该工作。（我改变了上面的建议）太好了！谢谢你的解决方案！