display
The display property defines an element’s display type, which consists of the two basic qualities of how an element generates boxes: the inner display type and the outer display type. 2. Box Layout Modes: the display property
Links about display
Now You See It: Understanding Display by Rachel Andrew
CSS Layout is all about boxes. We know that some boxes are blocks, and others are inline, and we can change the display type of elements by changing the value of the display property. That property holds the key to much more than this, however. It is the foundation on which all layout is built; the …
Digging Into The Display Property: The Two Values Of Display — Smashing Magazine
We talk a lot about Flexbox and CSS Grid Layout, but these layout methods are essentially values of the CSS display property, a workhorse of a property that doesn’t get a lot of attention. Rachel Andrew takes a better look in a short series.
display | CSS-Tricks
Every element on a web page is a rectangular box. The display property in CSS determines just how that rectangular box behaves. There are only a handful
This might be interesting as well
Digging Into The Display Property: Box Generation — Smashing Magazine
Continuing a series on the display property in CSS, this time Rachel Andrew takes a look at the values which control box generation, for those times when you don’t want to generate a box at all.

Understanding CSS Grid: Creating A Grid Container — Smashing Magazine
In a new series, Rachel Andrew breaks down the CSS Grid Layout specification. This time, we take a detailed look at what happens when you create a grid container and the various properties that can be applied to the container to shape your grid.

Code sample
div {
display: inline-block;
}
Explore other pages
- aria-details
Identifies the element that provides a detailed, extended description for the object.
- type="range"
Represents a control for setting the element’s value to a string representing a number.
- type="search"
A text field designed for the user to enter search queries into.
- h1 - h6
These elements represent headings for their sections.