javascript - 将图像 float 到段落左侧(文本)

Question

我有一张图片需要向左浮动，并让文本段落自动显示在右侧。

例如:

<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;
 }

不幸的是，这没有任何想法吗？我要到星期一才能拿到学校的 Material ，我想解决这个问题!!除了这段代码，我已经完成了所有其他工作，并且我试图将代码放在段落中。 CSS:

Answer 1

<div class:"floated-image">错了，<div class="floated-image">是正确的。

使用此代码:

.floated-image img {
    float: left;
 }

.floated-image img {
    float: left;
    width: 200px;
 }

<div class="floated-image">
  <img src="http://justcuteanimals.com/wp-content/uploads/2016/10/baby-bear-pictures-cute-animal-pics.jpg" alt="Fox logo">
  <p>The quick brown fox jumped over the log. <a>The fox is here.</a></p>
</div>

如果你想要 .floated-image也被漂浮了。

使用此代码:

.floated-image {
    float: left;
    border: 1px solid;
 }

 .floated-image img {
    float: left;
    width: 200px;
 }

.floated-image {
    float: left;
    border: 1px solid;
 }

 .floated-image img {
    float: left;
    width: 200px;
    margin-right:5px;
 }

<div class="floated-image">
  <img src="http://justcuteanimals.com/wp-content/uploads/2016/10/baby-bear-pictures-cute-animal-pics.jpg" alt="Fox logo">
  <p>The quick brown fox jumped over the log. <a>The fox is here.</a></p>
</div>