【CSS】縦に並んでるやつを横に並べたい

display: flexを使います。親要素に指定するのがポイントです。

html

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

css

.container {
  display: flex;
}

これだけでA・B・Cが横並びになります。子要素ではなく親要素に書く、というのが最初つまずきやすいポイントです。