CSS/HTML在图像周围包装文本无效

问题：我无法让文本环绕我创建的图像。如果我叫错了，或者把浮子放错了地方，请告诉我

我尝试的内容：我尝试使用本网站作为参考-

但是，我还是不知道我的代码出了什么问题？我看了一下float，然后想，如果我把float:left放在图像css属性中，它应该会形成边框。我还试着让它周围的图像形状像一个圆？那也不管用

我猜主要的问题是我没有把它放在正确的地方或者需要修复一些东西

此外，这个HTML文档有更多的东西和更多的css

这里是我的网站，如果你想了解更多

.outline{
位置：绝对位置；
身高：90%；
最高：30%；
左：6%；
框阴影：0 100px rgba（0,0,0,0.9）插入；
背景：url（“../assets/backg.png”）无重复中心；
背景色：#3156a0；
边界半径：25px；
过渡：所有0.7秒；
-webkit转换：颜色0.3s；
过渡：所有0.7秒；
}
/*轮廓图像图标*/
科斯塔肯先生{
位置：绝对位置；
最高：0%；
左：0%；
宽度：350px；
高度：350px；
最大宽度：500px；
最大高度：500px；
过渡：所有0.7秒；
浮动：左；
边界半径：50%；
外部形状：url(https://raw.githubusercontent.com/ConstantineLinardakis/OfficialWebsite/main/src/assets/OTHERLOGO%20TRANSPARENT.png);
形状边缘：15px；
形状图像阈值：0.5；
掩码图像：url(https://raw.githubusercontent.com/ConstantineLinardakis/OfficialWebsite/main/src/assets/OTHERLOGO%20TRANSPARENT.png);
利润率：10px；
}
/*提纲段落*/
.大纲>p{
显示：块；
浮动：左；
/* 
位置：绝对位置；
排名前10%；
左：35%；
*/
字体大小：20px；
颜色：白色；
字体系列：“Abel”，无衬线；
过渡：所有0.7秒；
利润率：10px；
}

你好，我的名字是康斯坦丁·利纳达基斯，在Youtube上被称为TwinPlayz。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我
blbabablal。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我
blbabablal。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。

您能检查一下下面的代码吗？希望它对你有用。我们已经从

.costaicon

中删除了位置、外部形状和遮罩图像，还从

.outline>p

中删除了浮动

请参阅此链接：

.outline{
位置：绝对位置；
身高：90%；
最高：30%；
左：6%；
框阴影：0 100px rgba（0,0,0,0.9）插入；
背景：url（“../assets/backg.png”）无重复中心；
背景色：#3156a0；
边界半径：25px；
过渡：所有0.7秒；
-webkit转换：颜色0.3s；
过渡：所有0.7秒；
}
/*轮廓图像图标*/
科斯塔肯先生{
浮动：左；
边界半径：50%；
利润率：10px；
}
/*提纲段落*/
.大纲>p{
显示：块；
字体大小：20px；
颜色：白色；
字体系列：“Abel”，无衬线；
过渡：所有0.7秒；
利润率：10px；
}

你好，我的名字是康斯坦丁·利纳达基斯，在Youtube上被称为TwinPlayz。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我
blbabablal。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。我不知道。
我不知道。我不知道。我不知道。我不知道。