Container

        <div class="container">
          <div class="item">A</div>
          <div class="item">B</div>
          <div class="item">C</div>
        </div>
      

Flexbox

vertical

<div class="vertical">
  Text without span
  <span>Text inside span</span>
  <a href="https://example.com">Link</a>
</div>

.vertical {
  display: flex;
  flex-direction: column;
}

horizontal (default)

.horizontal {
  display: flex;
  flex-direction: row;
}

row-reverse

          .row-reverse {
          display: flex;
          flex-direction: row-reverse;
        }