<div>
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odio, excepturi! Dolorem reiciendis inventore quas sequi a doloremque sint animi perspiciatis facilis reprehenderit sed facere veniam unde commodi, porro, beatae hic ipsam aperiam enim aut optio accusamus illo qui. Accusantium blanditiis cum nesciunt perspiciatis commodi voluptatum eum quaerat, in expedita ab, qui quam! Tenetur perspiciatis error temporibus corrupti laboriosam, <div class="box1">display:block</div>
<div class="box1">display:block</div>
<div class="box1">display:block</div>enim earum voluptatibus magnam saepe sapiente, consectetur obcaecati! Quas incidunt impedit, quod in commodi officiis quos distinctio tempore dolor odit cumque ducimus nobis illum alias a fugiat maxime est, ab blanditiis, obcaecati consequuntur. Veritatis praesentium ipsa obcaecati ducimus debitis ratione nemo excepturi.
</div>

<div>
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odio, excepturi! Dolorem reiciendis inventore quas sequi a doloremque sint animi perspiciatis facilis reprehenderit sed facere veniam unde commodi, porro, beatae hic ipsam aperiam enim aut optio accusamus illo qui. Accusantium blanditiis cum nesciunt perspiciatis commodi voluptatum eum quaerat, in expedita ab, qui quam! Tenetur perspiciatis error temporibus corrupti laboriosam, <div class="box2">display:inline</div>
<div class="box2">display:inline</div>
<div class="box2">display:inline</div>enim earum voluptatibus magnam saepe sapiente, consectetur obcaecati! Quas incidunt impedit, quod in commodi officiis quos distinctio tempore dolor odit cumque ducimus nobis illum alias a fugiat maxime est, ab blanditiis, obcaecati consequuntur. Veritatis praesentium ipsa obcaecati ducimus debitis ratione nemo excepturi.
</div>

<div>
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odio, excepturi! Dolorem reiciendis inventore quas sequi a doloremque sint animi perspiciatis facilis reprehenderit sed facere veniam unde commodi, porro, beatae hic ipsam aperiam enim aut optio accusamus illo qui. Accusantium blanditiis cum nesciunt perspiciatis commodi voluptatum eum quaerat, in expedita ab, qui quam! Tenetur perspiciatis error temporibus corrupti laboriosam, <div class="box3">display:inline-block</div>
<div class="box3">display:inline-block</div>
<div class="box3">display:inline-block</div>enim earum voluptatibus magnam saepe sapiente, consectetur obcaecati! Quas incidunt impedit, quod in commodi officiis quos distinctio tempore dolor odit cumque ducimus nobis illum alias a fugiat maxime est, ab blanditiis, obcaecati consequuntur. Veritatis praesentium ipsa obcaecati ducimus debitis ratione nemo excepturi.
</div>
div {
  border: 8px solid #000;
  font-size: 20px;
  margin: 5px;
}

.box1 {
  border:1px solid #000;
  background: #ddd;
  margin: 10px;
  padding: 10px;
}

.box2 {
  border:1px solid #000;
  background: #ddd;
  margin: 10px;
  padding: 10px;
  display: inline;
}

.box3 {
  border:1px solid #000;
  background: #ddd;
  margin: 10px;
  padding: 10px;
  display: inline-block;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.