Javascript 段落(文本)左侧的浮动图像

Javascript 段落(文本)左侧的浮动图像,javascript,html,css,Javascript,Html,Css,我有一个图像,我需要向左浮动,让文本的段落自动显示在右边 例如: <div class:"floated-image"><img src="img/fox.png" alt="Fox logo"> <p>The quick brown fox jumped over the log. <a>The fox is here.</a> </p></div> .floated-image{ float: l

我有一个图像,我需要向左浮动,让文本的段落自动显示在右边

例如:

<div class:"floated-image"><img src="img/fox.png" alt="Fox logo">
<p>The quick brown fox jumped over the log. <a>The fox is here.</a>
</p></div>

 .floated-image{
    float: left;
 }

那只敏捷的棕色狐狸跳过了圆木。狐狸来了。

.浮动图像{ 浮动:左; }
不幸的是,这是行不通的任何想法?我要到星期一才能拿到上学的材料,我想把这个问题解决!!除了这段代码,我已经做了所有其他的事情,并且我尝试将代码放在段落中。 CSS:

是错误的,
是正确的

使用此代码:

。浮动图像img{
浮动:左;
宽度:200px;
}

那只敏捷的棕色狐狸跳过了圆木。狐狸来了

是错误的,
是正确的

使用此代码:

。浮动图像img{
浮动:左;
宽度:200px;
}

那只敏捷的棕色狐狸跳过了圆木。狐狸来了

试试这个:

<img style="height: 200px; width: 200px; float: left;" src="https://developers.google.com/search/images/searchHome-Amp.svg" alt="Fox logo">


<p>The quick brown fox jumped over the log. <a>The fox is here.</a>
</p>

那只敏捷的棕色狐狸跳过了圆木。狐狸来了。

试试这个:

<img style="height: 200px; width: 200px; float: left;" src="https://developers.google.com/search/images/searchHome-Amp.svg" alt="Fox logo">


<p>The quick brown fox jumped over the log. <a>The fox is here.</a>
</p>

那只敏捷的棕色狐狸跳过了圆木。狐狸来了。


像这样吗?它可以显示
flex
内联flex
-webkit-box

。浮动图像{
浮动:左;
显示器:flex;
}

那只敏捷的棕色狐狸跳过了圆木。狐狸来了。


像这样吗?它可以显示
flex
内联flex
-webkit-box

。浮动图像{
浮动:左;
显示器:flex;
}

那只敏捷的棕色狐狸跳过了圆木。狐狸来了。


不幸的是,它是一个需要CSS中上述命名结构的类,并且有多个图像…@JanineMcDaniel,好的,使用浮动图像img而不是img。请参阅更新的帖子。不幸的是,它是一个需要CSS中上述命名结构的类,并且有多个图像…@JanineMcDaniel,好的,使用浮动图像img而不是img。请参阅更新的帖子。在此处了解有关浮动的更多信息-在此处了解有关浮动的更多信息-