floatで横並びにならない (超端的に)

以下HTMLについて，a, b, cを横並びにしたいとき

<div class="parent">
  <div class="child">a</div>
  <div class="child">b</div>
  <div class="child">c</div>
</div>

CSS（失敗例）

.parent {
  float: left;
}

CSS（成功例）

.child {
  float: left;
}

parentの中身を並べたいからといって，parentのCSSをいじってもダメ，と言うことですね

ただ実は，親要素(parent)のCSSをいじる方法もあるので，そちらについては以下をご参照ください

こちらに記事に書いてあるやり方だと，floatで背景ズレる問題 (詳細は以下の記事参照) も解決できるので，おすすめです。