display:inline-blockでブロックを横並びにすると下にずれてしまう問題がありました。原因は初期値であるbaselineが悪さしてしまっているようです。
div{
display: inline-block;
vertical-align: top;
}お役立ちブログ
inline-blockで下にずれてしまう問題を解決する
石井秀幸（いしいひでゆき）
Webデザイナー / WordPressエンジニア。株式会社ノクチ基地 取締役、モンゼンクリエイティブ合同会社 代表。WordPress公式コミュニティ「横浜 WordPress Meetup」オーガナイザー。WordPress歴15年以上。アクセシビリティ対応とオリジナルテーマ開発を専門とし、公式テーマディレクトリの審査基準に準拠したテーマを制作しています。