cssのdisplayをinline-blockにしても横並びにならない時にチェックすること

結論から。

1. 子要素（横並びにしたいもの）がすべてinline-blockになっているか
2. 子要素のwidthを設定しているか
3. 子要素のwidthの合計値が親要素のwidthを超えていないか
4. 親要素のwidthを設定しているか
5. そもそも前に記述したcssが影響していないか

子要素をinline-blockにしてwidthを設定すると横並びになります。しかし親要素のwidthも（場合によっては）設定が必要です。子要素をきちんと設定しているのに横並びにならない！というときはだいたい親要素のwidthを設定していないことに原因があります。