CSS Positioning - Display:Inline


I’m not clear on why the boxes squished together and lost their shape completely when you change Display to Inline. And Divs are BLOCK elements by default so the paragraph below confused me.


“The inline display value is better suited for HTML elements that are blocks by default, such as headers and paragraphs.”


Replace this line with your code.

<do not remove the three backticks above>


display: inline strips margins and box dimensions since inline objects do not have these by default. DIV essentially becomes SPAN in the process. Keep going with the lessons and this will play out.


This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.