Let’s say you have nested tables on one page, or more simply explained you have one large table with several small tables inside the large one.

You have text and/or a pic in one of the tables and you’ve used the info from our previous post to accomplish your requirements. Now, you have a need for the text and/or pic in another table to float differently. What can you do?

It’s really quite simple. In your CSS write another script like the following:

.table_cellpadding_two {
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 30px;

Notice it’s named _two to differentiate it from any other table cellpadding script in your CSS. You could name it most anything you want, but this is just for an example.

Choose padding size to suit your requirements.