CSS Tabs

[jrdnTRENDS]

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

[Merri]

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.

[Author]

Posts