Display in CSS

 Display in CSS

The display property specifies how an element should be displayed on the page. The most common values are:

block: The element is displayed as a block-level element and takes up the entire width of its parent container. Example:

css

div {

  display: block;

}

inline: The element is displayed inline with the text and only takes up as much width as necessary. Example:

css

span {

  display: inline;

}

none: The element is not displayed on the page at all. Example:

css

h1 {

  display: none;

}