„Sobald ein Element Blockelemente als Kindelemente enthält, wird sein Inhalt als Blockformatierungskontext dargestellt. Findet sich nur Text oder Inline-Elemente, ist es ein Inlineformatierungskontext. “:
<div>Nur Text!</div>
<div style="display: block;">Alles inline!</div>
<span>Oder <div style="display: table-cell;">vielleicht</span> doch <em style="display: grid;">schon</em> nicht</span>?