How are block children of inline elements defined to be rendered in CSS?

Asked Sep 19 '15 at 15:18

Active Sep 19 '15 at 15:18

Viewed 27 times

I've read the CSS 2.1 specification (and later ones) several times, but can't find the specification on how an element with "display:block;" with a parent element that has "display:inline;" should be rendered.

I've seen several web pages that have such elements, so wondering how browsers handle this.

asked Sep 19 '15 at 15:18

bright

4,700
1
34
59

It is like `
` wrapped inside a ``.
– m4n0 Sep 19 '15 at 15:21
2

see https://stackoverflow.com/questions/1371307/displayblock-inside-displayinline – wero Sep 19 '15 at 15:35
It ain't [pretty](http://jsfiddle.net/6os9nz8y/2/), but is [well defined](http://www.w3.org/TR/CSS2/visuren.html#anonymous-block-level). – Marc Baumbach Sep 19 '15 at 15:39
@wero or Marc, if either of you posts an answer, I'll be happy to accept. – bright Sep 19 '15 at 16:14
No need - it's a duplicate question. (I don't understand why wero didn't cast a close vote.) – BoltClock Sep 19 '15 at 16:20

How are block children of inline elements defined to be rendered in CSS?

0 Answers0