display
property
Defines the display behavior of an element. One of the most fundamental CSS properties.
Syntax
display: block | inline | inline-block | flex | grid | none;
Example
css
.block { display: block; } /* full width */
.inline { display: inline; } /* no width/height */
.inblock { display: inline-block; } /* inline + box model */
.flex-box { display: flex; } /* flexbox container */
.grid-box { display: grid; } /* grid container */
.hidden { display: none; } /* remove from layout */
/* Hide visually but keep in DOM */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0,0,0,0);
}