<h2>.c{display:inline-flex}</h2>
i<div class="c">
  .c
  <div>1</div>
  <div>2</div>
  <div>3</div>
  .c
</div>i

<h2>.c{display:flex}</h2>
i<div class="c">
  .c
  <div>1</div>
  <div>2</div>
  <div>3</div>
  .c
</div>i
.c{background:silver;}
.c:nth-of-type(1){display:inline-flex;}
.c:nth-of-type(2){display:flex;}
.c>:nth-child(1){background:red;}
.c>:nth-child(2){background:green;}
.c>:nth-child(3){background:blue;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.