Html 图像的CSS浮动无法正常工作

我想创建一个网站，在屏幕的右侧有三张图片，而在左侧有一些文本。问题是，即使我设置了

float:right正确，文本将图像向下推


正文{
背景：1万人；
填充：10px；
}
img{
宽度：300px；
高度：150像素；
}
h1{
填充顶部：30px；
字体大小：40px；
字体系列：“漫画无MS”，草书，无衬线；
颜色：#b30000；
}
.txt{
填充：0；
}
.标志{
边框顶部：10px实心#b30000；
边框底部：10px实心#b30000；
}
.左{
显示：块；
浮动：左；
}
.对{
显示：块；
浮动：对；
}
克拉克先生{
颜色：白色；
字体大小：20px；
}
.txt{
文本对齐：左对齐；
}
第条：第一个孩子{
字体大小：20px；
}
.sd{
浮动：对；
垫底：10px；
明确：两者皆有；
边框：5px实心#b30000；
最大宽度：300px；
最大高度：400px；
溢出：滚动；
}
.sd img{
显示：块；
}

Dota 2恶魔学
Demonologia v Doto2

一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字
一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字

影子恶魔

一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本
暗影恶魔

一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本
厄运

一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本
第一个p应为
宽度：45%
（在这种情况下！通常它必须是100%减去另一侧的值）和
float:left然后删除
清除：两个来自
.sd


正文{
背景：1万人；
填充：10px；
}
img{
宽度：300px；
高度：150像素；
}
h1{
填充顶部：30px；
字体大小：40px；
字体系列：“漫画无MS”，草书，无衬线；
颜色：#b30000；
}
.txt{
填充：0；
}
.标志{
边框顶部：10px实心#b30000；
边框底部：10px实心#b30000；
}
.左{
显示：块；
浮动：左；
}
.对{
显示：块；
浮动：对；
}
克拉克先生{
颜色：白色；
字体大小：20px；
}
.txt{
文本对齐：左对齐；
}
第条：第一个孩子{
字体大小：20px；
}
.first-p{
浮动：左；
宽度：45%；
}
.sd{
浮动：对；
垫底：10px；
边框：5px实心#b30000；
最大宽度：300px；
最大高度：400px；
溢出：滚动；
}
.sd img{
显示：块；
}

Dota 2恶魔学
Demonologia v Doto2

一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文字一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本

影子恶魔

一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本
暗影恶魔

一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本
厄运

一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本
您的CSS中有一个输入错误。你已经写了两次冒号。纠正这一点应该可以解决问题

display: :block;

文本在源代码中的图像之前，因此它已经“声明”了浮动图像之前页面的全宽。