Finde ich eigentlich blöd umgesetzt, ich würde es fast einen Krabbelkäfer nennen wollen. Die Merkregel ist doch, dass ein Blockelement nicht in ein <p> Element hineingehört, und durch display:inline-block wird dem div nach außen hin seine Block-Eigenschaft genommen. Der Browser müsste hier den zugewiesenen display-Style beachten, bevor er die Notbremse zieht.
Dass inline-block im <p> grundsätzlich geht, zeigt sich, wenn man es so macht:
<p id="hugo">
Paragraph 1: <span>
Hui!
</span>
</p>
#hugo span {
display: inline-block;
width: 100px;
border: 1px solid green;
}
Wie verwerflich ist diese Alternative?
Rolf