Display Properties

The display property is used in CSS to choose how an element (which can be for example a list item, paragraph, table) will be outputted for the user to see.

The most commonly used are:

  • none: the element will not be displayed at all
    p
    {
        display: none;
    }
  • inline: the element is shown in a line, one after each other, with no modification (no line breaks etc)
    p
    {
        display: inline;
    }
  • block: the element has a line-break before and after the element. I made use of this several times to make a plain horizontal menu.
    p
    {
        display: block;
    }

Others that may be of interest are:

  • marker
  • list-item
  • compact
  • run-in