display: inline-grid
display: inline-grid is a CSS property in the Grid category. Creates an inline-level grid container. Children become grid items. The syntax is display: inline-grid. A typical example: display: inline-grid; It is commonly applied to markup such as <div class="demo">Sample</div> A close relative is display: grid, which grid layout properties for two-dimensional page layouts. A close relative is grid-template-columns, which grid layout properties for two-dimensional page layouts. A close relative is grid-template-rows, which grid layout properties for two-dimensional page layouts. More about this category: CSS Grid properties for two-dimensional layouts and grid areas. Related Grid entries: display: grid, grid-template-columns, grid-template-rows, grid-template-areas, grid-column, grid-row, grid-template, grid-auto-flow. This page is part of the free CSS Reference documentation covering 841+ properties, selectors, functions, and at-rules, each with syntax, values, examples, and browser support. You can look up any other entry from the search page or return to the CSS Reference homepage.