Box Model & Layout

CSS Float

Push elements to the left or right (legacy layout).

1Floating

Originally for wrapping text around images. Use Flexbox/Grid for modern layout.

Example Code

img {
  float: right;
  margin: 10px;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

Finished reading?

Mark this topic as complete to track progress.