If you don't care about the order, this is pretty simple:
#container li {
display:block;
float:left;
width:50%;
}
The first two list items end up on the top line, the next two on the line
below, and so on.
Russ
----- Original Message -----
From: "John A. Johnson" <j...@coffeeonmars.com>
To: "CSS-Discuss" <css-d@lists.css-discuss.org>
Sent: Friday, August 30, 2013 7:58 PM
Subject: [css-d] Menu: from inline to 2 columns of buttons
I have a 6-item menu which is inline at desktop sizes, but block at mobile
sizes. it works great, but at mobile, I'd like to have 2 columns of 3
buttons to make better use of my vertical space. is there an easy way to
do this? can it even be done with css?
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
