Just for my own archive, this is all I need to display any list or text in two column with a minimum width of 250px (if the column would get narrower, it becomes a regular one-column div) and a column spacing of 40px in between the two columns. Works in most browsers, not in IE8, where it will simply be one column in general, so no issue at all. Still needs -webkit and -moz prefixes.
|
1 2 3 4 5 6 7 8 |
.div-element { -webkit-columns: 250px 2; -moz-columns: 250px 2; columns: 250px 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } |
