The Mystery Of The Added Padding

I recently designed and finished 2 newsletters; but when I went back to make a quick change (add a background color to the outside of the container) I realized that there is some m

Solution 1:

I'm not sure why you have a lot of in-line styling on top of your CSS. Is there a reason for this?

But if I'm understanding this, you're looking to have no space between the content in the center container and the black background of the outer container?

First to look at the phone number and address sections, they're housed in an H1 and H2, which both have in-line styles of padding-right: 25px, which will resolve the header section.

On line 38, you have the following rule: .bodyContent { padding-left: 40px; }, which will resolve the left aligned content area.

Then for the "This Month's Coupons" you are aligning the text to be centered. But, one of the parent tables (you have quite a few nested tables here. It seems very unnecessary), you have a negative left margin of 10px.