What’s the best way to display multiple columns for a long numbered (ul) list in WordPress using CSS? Many answers exist for creating columns for unordered ul lists but I can’t seem to find anything that addresses multi-column displays for numbered lists.
For example a page like https://wtfyi.com/best-bands-of-all-time/ that has a huge numbered list. How would you make a list like that display in 2 or 3 columns?
Thanks for your help!
3
Answers
You can create a custom class in the Advance settings named multicol and then experiment with screen sizes so it's user friendly on smaller screen sizes changing from 3 to 2 to 1 columns depending on screen size.
You can set columns’ number as per your requirement using css. This can be used for ul and ol both.
Using CSS Grid :