ul's or Tables, side-by-side
Sorry for the title, what I'm trying to do is have several unordered lists, with maybe 10 - 15 items within them, span across the users screen side-by-side. I want the number of columns across to change based on the users screen size, with those "pushed off" to be placed underneath the lists.
So, imagine I have 3 unordered lists. If the users screen is wide enough I want them displayed as such:
Title 1 Title 2 Title 3
stuff stuff stuff
However, if the users screen isn't wide enough, I want the third column to be displayed underneath the first:
Title 1 Title 2
I'm eventually going to be having these tables/columns/unordered list (whatever) generated dynamically with PHP as the number required will be user dependent. But I first need to know the proper HTML and/or CSS to generate the code.
Any help is much appreciated!