CodePen Embed - float clear 6

<ul>
    <li>float Item 1</li>
    <li>float Item 2</li>
    <li>float Item 3</li>
</ul>
<div class="nextBox">How to float clear</div>

ul{
  padding:15px 20px;
  background:#e5e5e5;
}
ul:after{
  content:'';
  display:block;
  clear:both;
}
ul > li{
  float:left;
  margin:5px;
  padding:5px 10px;
  background:pink;
  list-style:none;
}

This Pen is owned by hsecode on CodePen.

See more by @hsecode on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.