Display is a global styling approach that enables you to define how an element is displayed on your website.
The following display values are available:
- Block: Displays an element as a block-level element. It starts on a new line and takes up the full width available.
- Inline: Displays an element in a line. It flows within the text and does not start on a new line.
- Inline-block: Displays an element as an inline-level block container. The element itself is formatted as an inline element, but you can apply height and width values.
- Flex: Displays an element as a block-level flex container, enabling a flexible and dynamic layout of flex items.
- Inline-flex: Displays an element as an inline-flex container with three evenly spaced and vertically centered items arranged in a row. Flex items are laid out using the Flexbox model while the container itself remains inline.
- None: The element is not displayed at all and does not occupy any space on the layout canvas.
💡 If you have questions or concerns, contact us directly via the Live Chat box in the lower right corner. Our Support Team will provide you with top-notch quality support 24/7.