CodePen Embed - display: flow-root

<body>
  <div class="container">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
  </div>

  <div class="flow-root">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
  </div>
</body>

  .container::after {
    content: "";
    display: table;
    clear: both;
  }
  .box {
    width: 100px;
    height: 100px;
    float: left;
    background-color: coral;
    margin: 10px;
  }
  .flow-root {
    display: flow-root;
    background-color: lightblue;
  }

This Pen is owned by Ryotaro Yoshida on CodePen.

See more by @Ryotaro-Yoshida on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.