Adding Padding to parts of a text box

Hi!

I need to add padding to part of a text box.  I've already coded this text box to include a couple small table rows so that I can have different background color in parts of the text box.  Now, I need to indent just the content a few pixels (maybe 10).  I've tried <div style="left-margin:20"></div>, and that doesn't seem to work in E10 for me.  Here is a snippet of the code from the top of this text box (It's incomplete, and I know that; I couldn't put all of the copy in this space.).

Does anyone have any tips so that I can update my code to indent just my copy in certain spaces of this text box?

Thank you!

<div style="color:rgb(0, 105, 170);">

    <table bgcolor="c8e2ea" border="0" cellspacing="0" width="230">       

        <tbody>

            <tr>

                <td><b><span style="font-family:&quot;Arial&quot;,&quot;sans-serif&quot;">National Economic

                  Outlook</span></b></td>

            </tr>

        </tbody>

    </table></div><font style="font-size:16px;"><b><font style="font-size:16px;">Analysis and Forecasts of Key U.S. Economic Variables</font></b></font><br>Published early each month, PNC's National Economic Outlook provides analysis and forecasts of key U.S. data, such as real GDP, interest rates, inflation, income, employment, industrial production and housing prices.<br><br><span style="color:rgb(245, 128, 37);">Learn More</span><br><br>

<div style="color:rgb(0, 105, 170);">

    <table bgcolor="c8e2ea" border="0" cellpadding="0" cellspacing="0" width="230">       

        <tbody>

            <tr>

                <td><b><span style="font-family:&quot;Arial&quot;,&quot;sans-serif&quot;">Events</span></b></td>

            </tr>

        </tbody>

    </table></div>