inline-blockで下にずれてしまう問題を解決する

display:inline-blockでブロックを横並びにすると下にずれてしまう問題がありました。原因は初期値であるbaselineが悪さしてしまっているようです。

div{
	display: inline-block;
	vertical-align: top;
}

石井秀幸@WEBデザイナー
WordPress公式『横浜 WordPress Meetup』主宰/株式会社ノクチ基地 取締役/モンゼンクリエイティブ合同会社 代表。WEB制作に関する技術や役立つ情報を発信していきます。10年にわたるWordPress歴を背景に、幅広いアイデアを形にするお手伝いをしています。