Grow your CSS skills. Land your dream job.

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:
    http://jsbin.com/irocun/1

    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.

*May or may not contain any actual "CSS" or "Tricks".