CodePen Embed - css7-1

<div class="normal-wrapper">
  normal
  <div class="float-left">float: left</div>
</div>
<div style="clear: both"></div>
<div class="overflow-wrapper">
  overflow: auto;
  <div class="float-left">float: left</div>
</div>
<div style="clear: both"></div>
<div class="inline-block-wrapper">
  display: inline-block;
  <div class="float-left">float: left</div>
</div>

.normal-wrapper {
  background: yellow;
}
.float-left {
  float: left;
  background: red;
  height: 200px;
}
.overflow-wrapper {
  background: orange;
  overflow: auto;
}
.inline-block-wrapper {
  display: inline-block;
  background: yellowgreen;
}

This Pen is owned by Hyunyoung Cho on CodePen.

See more by @zerocho on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.