float-test

by xiaoji121

HTML

<div class="container">
  <div class="left">
    float: left
  </div>
  <div class="right">
    float: right
  </div>
</div>

CSS

.container {
  border: 1px solid #f50a74;
  /*width: 100%;*/
  overflow: auto;
}

.left {
  width: 100px;
  height: 100px;
  float: left;
  background-color: #8322dd;
  padding: 10px;
}

.right {
  width: 100px;
  height: 100px;
  float: right;
  background-color: #42bd57;
  padding: 10px;
}