Display Property

The display property is used to display the box. The display property overrides normal flow of the document.  Following are the values for the display property :

  

  o     none:  will not show the element at all.

  o   block: It will display the element as block. This value when applied to the element will leave space on all the sides.

  o   Inline: When element is applied display:inline it will be part of the flow as part of the parent.

  o   list-item: The element will behave like a <li> element.

Syntax:

Display: {none| block| inline| list-item}

Following is the example for the display property: 

Select Display Property

none

block

inline

list-item

This is a sample for display.This is a sample for display.This is a sample for display.

 Div 1

This is a sample for display.This is a sample for display.This is a sample for display.This is a sample for display.This is a sample for display.This is a sample for display.