I don’t know if this has been asked before and I can’t find anything useful online, but is there a way I can split an unordered list into 2 columns?
The purpose of this is, I have a list of validation errors and if there are a lot of errors, the list can be quite long as well as half the page is empty. I would like to save page space and make it look tidier.
If you don’t care that the items are listed left to right on each line, you can make them have a fixed width and float them left. Depending on the width of the items and your container for them, you can have 2 or 3 (or more) per row. How are these list items being created? If the page is created dynamically it might be a bit harder.
When testing draft or experimental properties, you need to test for vendor prefix versions. For flowed columns, support is incomplete, but Gecko (-moz-) and Webkit (-khtml-) have implemented the basics. The Webkit engine drops the list markers for some reason (Safari/Win v 3.5 and 4b).