CodePen Embed - float clear 2

<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{
  position:relative;
  padding:15px 20px;
  background:#e5e5e5;
  overflow:hidden;
}
ul:before{
  content:'';
  position:absolute;
  top:-30px;
  right:0;
  width:100px;
  height:100px;
  background:yellow;
  border-radius:50%;
}
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.