CSSで横並びにする

Question

二つのsection要素を横並びに1：1で表示したいです。

その二つの要素に下記のcssを適用させているのですが、横並びになりません。
width: 50%;
display: inline-block;

50%未満の値を設定すると回り込むのですが、なぜ50ずつで均等に横並びにできないのでしょうか？
デザイン上左右の余白を均等にしたいので50％ずつで実装したいです。

よろしくお願いします。

Comments

[yoshinavi]

「レイアウト」に関する場合、HTMLやCSSのコードが無いと「推測」でしか回答出来ません。
症状が再現するコードを提示してください。

Answer 1

このあたりを試してみてください。

【inline-blockで横並びにしたらカラム落ちしてしまった！簡単な解決法をご紹介！ | ジーニアスブログ】
https://www.genius-web.co.jp/blog/web-programming/inline-block-lying-down-on-the-side-of-the-columnlet-me-introduce-you-to-a-simple-solution.html

Comments

[sena14]

ありがとうございます。
無事できました！