CSS Common styling

Display

Display: Inline vs. Block

A div can be displayed as inline.

A div can be displayed as inline.

A div can be displayed as block. A div can be displayed as block.

Display: Inline-Block

Span-Inline-Block-1 Span-Inline-Block-2

Div-Inline-Block-1

Div-Inline-Block-2

Dislplay:None

Div-Inline-Block-1

Div-Inline-Block-2

CSS Units

pc vc. %

50%

100px

50vw

25vh

16

1rem

1em

2rem

2rem

200%

1rem

1em

2rem

2rem

200%

50%

100%

50vw

25vh

CSS Background properties