「CSS」の「flot」を使ってそのままソーシャルボタンを並べると上揃いで下が少しだけデコボコしてしまいます。 今までは「padding」などで微調整して下揃え風にしてたのですが、ソーシャルボタンが増えてきて「もう、面倒くさい!」となり、色々試した結果「display:inline-block;」に辿り着きました。 「vertical-align」プロパティが適用できるのは「インライン要素」と「テーブルセル」 今回は、ソーシャルボタンを下揃えにしたいので「vertical-align」プロパティが使いたいと考えていて、調べてみると「vertical-align」が使えるのが、インライン要素とテーブルセルだと分かりました。あとは、スマホでの表示具合などを見ながら試してみました。 「テーブルセル」を試してみた 「display」プロパティの「table」要素と「table-cell」要素を使っ
![増えてきたソーシャルボタンを横に綺麗に並べるCSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d421adfb2a995452606be6abcdecd6df8646f11/height=288;version=1;width=512/https%3A%2F%2Flog-file.net%2Fwp-content%2Fuploads%2Fcropped-youtube_prof.jpg)