CodePen Embed - clear-2

<div class="left">
  <code>float; left;</code>
</div>

<div class="right">
  <code>float; right;</code>
</div>

<div class="clear">
  <code>clear: both;</code>
</div>

<div class="right">
  <code>float; right;</code>
</div>

div {
 background-color: #eee;
 border: 2px solid #666;
 color: #222;
 width: 175px;
 padding: 24px 16px;
 margin: 4px;
 text-align: center;
}
.right {
 float: right;
}
.left {
 float: left;
}
.clear {
 clear: both;
 background: #444;
 color: #f1f1f1;
 border-color: #111;
}

This Pen is owned by MichaelBondar on CodePen.

See more by @MichaelBondar on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.