CSS Display Tutorial (Tabular)

Display Property Values

Display Values Description Default Tags Example Usage
block Generates a block-level element that starts on a new line and takes up the full width available.It has Height and Width properties available.
,

,

to

,
    ,
  • ,
    , etc.
 display: block;
inline Generates an inline element that flows within the text and does not start on a new line. It has NO Height and Width properties available. It simply fills up needed space. , , , , , , display: inline;
inline-block Generates an inline-block element that combines properties of inline and block elements. Has inline behavior but has Height and Width properties available as well.