CodePen Embed - float01

<div class="parent">
  <div class="child">01</div>
  <div class="child">02</div>
  <div class="child">03</div>
  <div class="child">04</div>
  <div class="child">05</div>
  <div class="child">06</div>
  <div class="child">07</div>
  <div class="child">08</div>
  <div class="child">09</div>
  <div class="child">10</div>
</div><!-- /.parent -->

.parent {
  overflow: hidden;
}

.child {
  float: left;
}

/* 共通設定 */
.child {
  color: #fff;
  text-align: center;
  line-height: 100px;
  width: 100px;
  height: 100px;
  background-color: #777;
  margin: 10px;
}

This Pen is owned by kuroko-no-ken on CodePen.

See more by @kuroko-no-ken on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.