Grow your CSS skills. Land your dream job.

CSS Tabs

  • # March 12, 2013 at 1:57 pm

    Hello,

    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 HTMLInstant.com, but it does when viewing using Codepen?

    http://codepen.io/anon/pen/wyeAJ

    Thanks for all of your help!

    Jordan

    # 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.

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