What is block format context and how does it work?

what is concepts block level,inline-level,box generation? for me some example or explain for this and How block format context work?i don’t understand advantage its.

https://www.w3.org/TR/CSS2/visuren.html#block-boxes

Block
Takes up the full width available, with a new line before and after (display:block;)
Inline
Takes up only as much width as it needs, and does not force new lines (display:inline;)
Not displayed
Some tags, like and are not visible (display:none;)

source

The best you can do is to create an HTML and CSS files, and to play around with them.

1 Like

Block vs. inline vs. inline-block elements:

“Boxes” and the box model:

Ned Block:

Boxxy:

…Just kidding, the last two are completely irrelevant :sweat_smile:

1 Like