Is it wrong to change a block element to inline with CSS if it contains another block element?

Question

I know it\'s wrong to put a block element inside an inline element, but what about the following?

Imagine this valid markup:

This         


        
      

Answer 1

Regardless if it's valid or not, the element structure is wrong. The reason that you don't put block elements inside inline elements is so that the browser can render the elements in an easily predictable way.

Even if it doesn't break any rules for either HTML or CSS, still it creates elements that can't be rendered as intended. The browser has to handle the elements just as if the HTML code was invalid.