layout-ex01

Float image

by jywglady

HTML

<div class="outer">
  <div class="box">This is the Box 1.</div>
  <div class="box">This is the Box 2.</div>
  <div class="box">This is the Box 3.</div>
  <div class="box">This is the Box 4.</div>
  <div class="box">This is the Box 5.</div>
  <div class="box">This is the Box 6.</div>
</div>

CSS

.outer {
  width: 700px;
  margin: 0 auto;
}
.box {
  display: inline-block;
  width: 180px;
  height: 100px;
  margin: 10px;
  padding: 10px;
  border: 2px solid green;
}