This property is used to apply the contents may be in the same line or in the next different line.

Generally it takes four impotant values they are,

1. Block : It is used to display the contents on to the next line of the browser.




2. Inline: It is used to display the contents on the same line of the browser.




3. Flex : It is used to remove the spaces between the contents on the browser.




4. None: It is used to hide the contents on the browser and displayed when it is necessary.

To get the exact functionality of 'flex' value use it in with parent element.

Note : Block and Inline values only work with child elements whereas Flex value work only with parent element.