This is the seventh part in my CSS Styling tutorials, in which I will be covering display.
What is Display?
Display is a property which sets the type of behaviour that will be given in relation to the position of the given elements.
- display: inline-block;
As a couple of default examples; an image given through an img tag in HTMl is a block element, a paragraph (p) is a block element and a span is an inline-block element.
The bigger the border radius, the more curved the border will be.
inline - Displays an element as an inline element (like )
block - Displays an element as a block element (like )
inline-block - Displays an element as an inline-level block container. The inside of this block is formatted as block-level box, and the element itself is formatted as an inline-level box
inline-table - The element is displayed as an inline-level table
list-item - Let the element behave like a
run-in - Displays an element as either block or inline, depending on context
table - Let the element behave like a
table-column - Let the element behave like a element
table-row - Let the element behave like a