Get a free trial // Grow your CSS skills // Land your dream job

CSS Tabs

  • # March 12, 2013 at 1:57 pm


    I am having a bit of trouble with these CSS tabs I am trying to use.

    First off, how can I make it so every bit of content is centered in the box no matter how big, small, or what is it in it.

    Second, any explanation as to why it doesn’t display correctly in IE9 when viewing using, but it does when viewing using Codepen?

    Thanks for all of your help!


    # March 12, 2013 at 2:30 pm

    Add this:

    .content div {
    width: 100%;

    To center the table you can add style:

    .content table {
    margin: 0 auto;

    However I’d use something else than a table to represent that particular information. Centering all text is quite ugly, especially with lists. Alternative would be to move the content more to the center with a percentage width and a minimum width to make sure it stays wide enough.

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