Display

The display property applies to all HTML, elements and determines both the in-line and block level behaviour.

The possible values are.

PropertiesDescription
inlineSets the box type to inline
blockSets the box type to block
noneEliminates the element from the rendering process
inline
Example
*{ display: inline }
Output

- 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.

block
Example
*{ display: block }
Output

- A block box is generated for each element. - Each element starts in a new line-type box.

none
Example
ol, table{ display: none }
Output

The none of the <ol> <table> elements are rendered.

Related Tutorial
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 https://twitter.com/RookieNerdTutor https://plus.google.com/b/117136517396468545840 #
Contents