CSS Display

Introduction

Example

1/* this changes display behavior */
2li {
3  display: inline;
4}
5
6span {
7  display: block;
8}

Key Points

• Block elements take up the full width of the page.
• Inline elements only take up as much space as their content.
• The `none` value hides the element completely from the page.
• Flex and grid values enable advanced layout systems.