Try it Yourself: CSS Float

CSS Float

<!DOCTYPE html>
<html>
<head>
<style>
img {
  float: left;
  margin: 0 16px 8px 0;
  width: 180px;
}
</style>
</head>
<body>

<article>
  <img src="mountain.jpg" alt="Mountain landscape">
  <p>The image floats left while this text wraps around it, filling the space to the right and below.</p>
</article>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
img {
  float: left;
  margin: 0 16px 8px 0;
  width: 180px;
}
</style>
</head>
<body>

<article>
  <img src="mountain.jpg" alt="Mountain landscape">
  <p>The image floats left while this text wraps around it, filling the space to the right and below.</p>
</article>

</body>
</html>