Scribd
Upload
63 views1 page

8.0 CSS Display

Uploaded by

davidlzr93
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
63 views1 page

8.0 CSS Display

Uploaded by

davidlzr93
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

CSS Display

There are 4 common types of display property:


 Block
 Inline
 Inline-block
 None

Most elements have the display set to a default to block.


Ex: p element has the display set to block
The span element on the other hand has the display set to inline.

1. The Block way: we can set the width/height of the element but
the element will occupy the entire row.

2. When an element has its display set to inline we can’t set its
width or height. However we can put as many elements as possible
on a single row as long as it is space available.

3. If we want to have multiple elements on the same row and also


set the width/height of them we set the display to inline-block.

4. If we set the display property to none it will make the element


disappear. This property is used when we have a button that when
pressed it disappear or when we tick a to do list.

You might also like