Examples
Display Block
Block will inherently set width to 100% of its parent element. It will also cause a line break, even if the declared width doesn't take up the full width of the parent.
Display Inline-Block
Inline-block will wrap around content inline. It also allows you to set height and width properties on the element, which display inline does not allow you to do. It does render the white-space inbeween elements, so if you set width: 25% to four elements they will not just render as a 4 column layout by default.
Display Inline
Set content inline. Inline doesn't respect height or width values. It does not render white space between elements.
Display Table
Display table can be combined with display table-cell to render a table without table markup. This can be useful for vertically aligning content or for auto-calculating a variable amount of table cells.
Display None
You can set the display of any element to none by tacking on the dn
class.
Reference
MDN - Box Sizing
<%= srcCSS %>