このコンテンツサイトポイント リンクについて質問があります
次のマークアップは、ブロック + インライン + ブロックとしてレンダリングされます
<p>In 1912, <em>Titanic</em> sank on her maiden voyage.</p>
クロム:
In 1912, - display: block
<em>Titanic</em> - display:inline
sank on her maiden voyage. - display:block
サイトポイントのリンクには、2 つの匿名ボックス (1 番目と 3 番目) をインラインにして、すべてのボックスを p 内で同じに保つ必要があると書かれています。しかし、クロムは p 内のボックスをブロックとインラインの混合としてレンダリングします。
CSS3ボックスモデルによる
block-level box には、ライン ボックスまたはブロック レベル ボックスのいずれかを含めることができますが、両方を含めることはできません。必要に応じて、このボックスの要素に属する行ボックスは、「表示」が「ブロック」の 1 つ以上 (できるだけ少ない数) の無名ボックスにラップされます。
W3C の推奨によると、サイトポイントのコンテンツは正しいようですが、クロムのブロック レベルの box(p) 内に複数のボックスが混在しています。
ここでも、サイトポイントの資料と矛盾する匿名ボックスはブロックのみにする必要があるとの推奨事項があります。
CSS3ボックスモデルによる
このモジュールで定義されている匿名ボックスはすべてブロックレベルですが、他のモジュールで定義されている匿名ボックスは異なる場合があることに注意してください。
私の質問は:
1) 3 つのボックスすべてをインラインにする必要がありますか?(ブラウザはブロック + インライン + ブロックをレンダリングします)
2) インライン匿名ボックスは W3C 標準で言及されていますか?