Display issue "Inline and block" elements.

Question

I've seen many people ask questions about this topic a lot, here's a simple explanation.

for a block element,
if you make the width 60px and height 60px it will maintain the shape of a 60 by 60 square but if it's inline, no shape will appear cos inline elements are not containers like block elements but once you add a line of text inside the inline element, it assumes the shape of that text.
inline-block means outside=inline, inside=block.

see...

https://code.sololearn.com/W3dn9m4EdWic/?ref=app

Answer 1

What is your view on this? https://www.sololearn.com/Discuss/651747/?ref=app

Answer 2

Oh I see. Thanks!

Answer 3

This may make them understand more with sample codes and output. They can edit the sample codes too.

https://code.sololearn.com/WUWrSMiCq8v6/?ref=app