CSS newbie question on display property

Question

Hello. I'd be greatful if someone could help me understand what this means.

"Setting the display property of an element only changes how the element is displayed, not what kind of element it is. So, an inline element with display:block is not allowed to have other block elements inside it."

I assumed this meant I couldn't put a block eleemnt like <div> inside of an inline one like <span> if that span had display:block set. But I can do this just fine and it doesn't seem to make any difference.

A screenshot of my code https://prnt.sc/msntl3

Answer 1

//Yes is doses'nt seems to makes difference but the universal css rule is that

Answer 2

@Shudarshan Rai
Just best practice not to then? Gotcha. Thanks