The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Organize buttons into a page

  • # July 6, 2013 at 9:37 am

    I’m trying to organize all the buttons like that:
    3 buttons will be at right, 3 buttons will be at center, 3 buttons will be at left
    on the same line.

    That’s what i’ve done so far:

    I’m trying to move the last “Edit Pages” on top.
    thank you!

    # July 6, 2013 at 12:17 pm

    The easiest way to do that is to have container divs and float them left. Three buttons go in each div.

    The other way could be by setting three CSS columns, although you’d have to somehow limit the height.

    Another thing is to order them by rows, which each have three columns (like a table).

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed