The display property applies to all HTML, elements and determines both the in-line and block level behaviour.
The possible values are.
| Properties | Description |
|---|---|
inline | Sets the box type to inline |
block | Sets the box type to block |
none | Eliminates the element from the rendering process |
*{ display: inline }- All elements that belong to the <body> element are displayed inside the red box. The browser tries to render the entire <body> element on a single line.
*{ display: block }- A block box is generated for each element. - Each element starts in a new line-type box.
ol, table{ display: none }The none of the <ol> <table> elements are rendered.
