CSS AdvancedLesson 72Free preview

CSS Multiple Columns

This lesson is part of CSS · All levels

Summary

CSS Multi-columns divide long text into several columns like a newspaper layout. We can set the number of columns fixed, the minimum width of the column, or let the browser adjust to the space available. There are also column spacing, dividing lines, and properties to make the title extend throughout the column.

Key points

`column-count` determines the number of columns exactly
`column-width` sets the minimum width, the number of columns adjusting the space
`column-gap` sets the distance between columns and `column-rule` makes the dividing line
`column-span: all` makes elements like the title pass through all columns

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.