Example of CSS Columns
This shows an example of turning a list in to multiple columns
that run top-to-bottom then left-to-right.
The CSS needed is:
ul.exampleList
{
column-width: 200px;
-moz-column-width: 200px;
-webkit-column-width: 200px;
}
CSS class 'exampleList' applied.
CSS class 'exampleList' not applied.
- Adelaide
- Amsterdam
- Auckland
- Barcelona
- Berlin
- Bern
- Boston
- Brisbane
- Brussels
- Calgary
- Canberra
- Chicago
- Copenhagen
- Dublin
- Düsseldorf
- Frankfurt
- Geneva
- Hamburg
- Helsinki
- Honolulu
- Kobe
- Lisbon
- London
- Luxembourg
- Lyon
- Madrid
- Melbourne
- Milan
- Montreal
- Munich
- New York City
- Nürnberg
- Oslo
- Ottawa
- Paris
- Perth
- Portland
- San Francisco
- Seattle
- Singapore
- Stockholm
- Stuttgart
- Sydney
- Tokyo
- Toronto
- Vancouver
- Vienna
- Washington DC
- Wellington
- Yokohama
- Zurich