Can anyone explain why if I apply style to a <p> to "display: inline" it overflows outside its containing block?
#iaminline{display:inline;}
<div>
<p id="iaminline">hola!</p>
</div>
The result has overflow, while "display:black" is completely contained in the containing block. I want to have inline elements completely inside the containing block. Thanks!