display: contents; の有用な実装例とその裏に潜む危険性

最近、display: contents; という面白いプロパティがブラウザに実装され始めました。使えるブラウザも増えてきたので紹介していきたいと思います。display: contents; の登場により、従来はできなかったセマンティックなHTMLの構造を維持したまま、複雑なレイアウトを作成することができるようになります。

・display: contents; とは
・どんな場面で効果を発揮するか
・どこでも使っていい訳ではない