Html 围绕图像问题浮动文本

我有一些文字，我想围绕一个图像-我知道我需要浮动图像的左侧，以迫使文字围绕它。不管我做什么都不管用

我在这里设置了一个代码笔：

代码如下，以供快速参考

*{
填充：0；
保证金：0；
}
.外部{
宽度：50%；
高度：50vh；
背景：蓝色；
}
.内部{
显示：块；
宽度：25%；
高度：25vh；
背景：红色；
浮动：左；
右边距：10px；
}
p{
颜色：白色；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为

形象

您需要将图像放在文本之前，这样文本就可以沿着它的一侧向上浮动

*{
填充：0；
保证金：0；
}
.外部{
宽度：50%；
高度：50vh；
背景：蓝色；
}
.内部{
显示：块；
宽度：25%；
高度：25vh；
背景：红色；
浮动：左；
右边距：10px；
}
p{
颜色：白色；
}

形象
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为

您需要将图像放在文本之前，这样文本就可以沿着它的一侧向上浮动

*{
填充：0；
保证金：0；
}
.外部{
宽度：50%；
高度：50vh；
背景：蓝色；
}
.内部{
显示：块；
宽度：25%；
高度：25vh；
背景：红色；
浮动：左；
右边距：10px；
}
p{
颜色：白色；
}

形象
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为