Game Development Reference
In-Depth Information
Alternatively, we can simply tell the browser how wide we want each column, and
optionally how much gap to have between two columns. What the browser would do
in this situation is the opposite. It would calculate the remaining space available for
rendering the columns, then render as many columns as it can in that space, given
the width constraint we have specified.
<style>
div {
column-width: 200px;
column-gap: 20px;
</style>
The column rule
Similar to the concept of a border around a box, as in border: 1px solid #333, CSS
columns come with the concept of a rule. Simply put, a column rule is a single border
that is drawn vertically between two columns. A rule can be styled much like a border
