Block element and block box

It's hard for me to understand what do you mean by "block box", this term doesn't really exist (or i've never heard of it). A block element is an element that shares no room with other elements, and has its hight and width definable. You got also inline-block, which allows you several blocks inside a specific line (like a set of pictures one besides another). inline-block elements will also have their properties defineable.

It might be good to choose two elements and examine the differance between block and inline-block in order to fully understand which one should be used on which case.

Feel free to ask any further questions

Hi Benjamin.

Every takes up a certain amount of space like in a box as you suggest. It's called the box model. But each element is one of two different element types.

• Block level elements
• Inline level elements

Block level elements have width and height, padding, margin, and border layers and each of these contribute to the amount of space on your screen that the element takes up.

Inline level elements are different as they only take up as much width as the amount of content it has. These are things like your anchor and span elements.

Hope this helps :)

This is what my question derived from for those wondering:

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Visual_formatting_model