display:inline-blockでブロックを横並びにすると下にずれてしまう問題がありました。原因は初期値であるbaselineが悪さしてしまっているようです。
div{
display: inline-block;
vertical-align: top;
}お役立ちブログ
inline-blockで下にずれてしまう問題を解決する
石井秀幸＠WEBデザイナー
横浜WordPress Meetup 主宰／株式会社ノクチ基地 取締役／モンゼンクリエイティブ合同会社 代表
WEB制作に関する技術や役立つ情報を発信していきます。10年にわたるWordPress歴を背景に、幅広いアイデアを形にするお手伝いをしています。