Twitter, Facebook, Pocket, hatena 等のソーシャルボタンを綺麗に並べる方法を紹介します。 各ソーシャルボタンのコードを取得してきたまま貼り付けると上下がガタガタになります。これまではボタンの横幅を決め打ちし、float: left で横並びにして余白を調整していたのですが、良い方法とは思えませんでした。 最近、仕事で使っているのは、各ボタンを div で囲って、display: inline-block にして横並びにする方法です。これが最小限の記述でいちばん綺麗にソーシャルボタンを並べることができます。 inline 要素になったことにより(ちなみに inline-block は、inline とは異なり margin を設定できる)、行の中で縦方向の揃え位置を調整できる vertical-align が使えるようになります。これを top にすれば、上揃
