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

1. Now You See It: Understanding Display by Rachel Andrew

   posted on May 31, 2020 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 …

   

2. Digging Into The Display Property: The Two Values Of Display — Smashing Magazine

   posted on April 8, 2019 by Rachel Andrew

   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.

   

3. display | CSS-Tricks

   posted on January 2, 2020 by Sara Cope

   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

posted on May 1, 2019 by Rachel Andrew

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

posted on January 3, 2020 by Rachel Andrew

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;
}