今回はCSSで要素を横並びにする方法です。社内で話題になったので、整理がてら記事にしました。inline-blockは癖が強いので、使うのは控えた方が良いと思います。下記で解説していきます。table」を使う下記のようにします。段落ちしない要素の高さが自動的に揃うvertical-align:middleが使えるので、天地中央が簡単といような特性があります。tableを使いましょう。天地中央と高さを揃えたい場合には重宝します。ブログの都合上importantが入っています。段落ちする要素の高さが揃わないといような特性があります。並べたい要素が上記に当てはまる場合には、floatを使いましょう。連続するタグ(ここではli)だけで、何行も表現できるのが使い所です。tableをした要素を用意する必要があるため、スマートではないですね。高さを揃える必要がなく、段落ちする必要があれば、迷わずfloatでしょう。※高さについては、別途、下記のようなjQueryなどを使えば解決できます。flexが便利でしょう。ブログの都合上importantが入っています。ブログの都合上importantが入っています。ブログの都合上importantが入っています。要素の高さが自動的に揃う天地中央(内包する要素ではない)も可能といような特性があります。flexを使いましょう。天地中央と高さを揃えたい場合には重宝します。postsよく読まれている記事です。1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。posts1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。XDイラストお知らせ運用Fireworksクリエーターフォントまとめ初心者サーバ用語PHPスマホアプリjQuery息抜きDreamWeaverWebディレクターJavaScriptプログラミング仕事効率PhotoshopAdobeWordPress作業効率コーディング便利ツールHTML・CSSWEB制作現場デザイン。