Как разместить фото и текст на одной линии?

Question

[Apple_ins]

<div class="content" style="background-color:#8bce24;">
<div style="float:left;">
<img src="img/58656_900.jpg">
</div>

<div style="float:right;"
<p>Nutella- это продукт который нравится и взрослым и детям.
Nutella- это продукт который нравится и взрослым и детям.
Nutella- это продукт который нравится и взрослым и детям.
Nutella- это продукт который нравится и взрослым и детям. </p>
</div>

</div>

Все вылетает за пределы div с фоном...

Answer 1

[Кира]

добавить класс clearfix для div.content
а это в css написать, тогда не будет вылетать

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

Answer 2

[tripcollor]

Или использовать flexbox

.content{
display: flex;
}