I have a headline which ends with sharing icons. The icons are in a table because when the email goes responsive, the icons drop below, but on a desktop I want them to be aligned with the text like being apart of the sentence. It currently works in all of my tests except Outlook. In Outlook it lines up below the text baseline but in the right location.

Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Energize DE 2015 HPwES Limited Time Offer</title>

<style type="text/css">
    /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
    #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
    .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
    body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
    table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
    img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */

    /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
    body{margin:0; padding:0;}
    img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
    table{border-collapse:collapse !important;}
    body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}


    /*RESPONSIVE CODE*/
    @media screen and (max-width: 600px) {
     table {width: 100% !important;}
        table[class="responsive-table"] {
            width: 100% !important;
        }

        table[class="social-tabletop"] {
            width: 200px !important;
        }

        table[class="button"] {
            width: 100% !important;
            height: 70px !important;
            padding-top: 15px !important;
        }

        td[class="headline"] {
            font-size: 32px !important;
            line-height: 40px !important;
            text-align: center !important; 
        }

        td[class="mobilebody"] {
            font-size: 17px !important;
            line-height: 22px !important;
            padding: 8px !important;
        }

        td[class="column"] {
            display: block;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        td[class="responsive-cell"] {
            width: 100% !important;
            height: auto !important;
        }

        td[class="hide"] {
            display: none !important;
        }

        td[class="mobile-padding"] {
            padding: 8px !important;
        }

        tr[class="showmobile"] {
            display: table-row !important;
        }

        a[class="button"] {
            width: 100% !important;
            font-size: 20px !important;
            line-height: 70px !important;
        }

        img[class="mobile-headline"] {
            width: 100% !important;
            height: auto !important;
        }

        img[class="mobile-image"] {
            width: 100% !important;
            height: auto !important;
            padding: 15px 0px !important;
        }


    }

</style>


<style type="text/css">

</style>
<style type="text/css"></style>
<style type="text/css">

</style>
</head>

<body bgcolor="ffffff">
<center>
<table width="100%" style="table-layout: fixed;" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td style="border-collapse: collapse">
            <table class="responsive-table" width="600" align="center" border="0" cellspacing="0" cellpadding="0">

                <!--Header-->
                <tr>
                    <td style="border-collapse: collapse;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td class="" width="33%" align="left" valign="bottom" style="padding: 15px"><a href="http://www.energizedelaware.org/refer-a-friend/?utm_source=Mail%2520Chimp&utm_medium=Email&utm_campaign=DE%2520HPwES%2520LTO" target="_blank"><img src="https://litmus-builder.s3.amazonaws.com/1432648099858" width="172" height="98"></a></td>
                                <td class="hide" width="67%" align="right" valign="bottom" style="font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #f47321; padding-right: 15px; padding-bottom: 20px; text-align: right; border-collapse: collapse"><a href="http://www.energizedelaware.org/refer-a-friend/?utm_source=Mail%2520Chimp&utm_medium=Email&utm_campaign=DE%2520HPwES%2520LTO" target="_blank" style="text-decoration: none; color: #f47321">EnergizeDelaware.org/Refer-A-Friend</a><br>(877) 524-1339</td>
                            </tr>
                        </table>
                    </td>
                </tr>

                <!--Headline-->
                <tr>
                      <td class="mobile-padding" bgcolor="#f47321" align="left" valign="middle" style="padding: 15px; border-collapse: collapse;">
                        <table class="responsive-table" width="200" align="right" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td style="border-collapse: collapse;"><a href="http://www.energizedelaware.org/refer-a-friend/?utm_source=Mail%2520Chimp&utm_medium=Email&utm_campaign=DE%2520HPwES%2520LTO" target="_blank"><img src="https://litmus-builder.s3.amazonaws.com/1432648164317" class="mobile-headline" width="200" height="133" alt="$25 Restaurant.com gift card" align="center" border="0" style="display: block"></a></td>
                            </tr>
                        </table>
                        <table class="responsive-table" width="345" align="left" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td class="headline" style="font-family: Helvetica, Arial, sans-serif; font-size: 36px; mso-line-height-rule: exactly; line-height: 44px; color: #ffffff; text-align: left; border-collapse: collapse;">Get <strong>$25 Gift Cards</strong> When You Refer Friends on<table class="responsive-table" align="right" width="150" height="40" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td class="mobile-padding" align="center" valign="middle" style="border-collapse: collapse;">
                                            <table class="social-tabletop" align="center" valign="top" width="150" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="40"><a href="http://www.facebook.com/sharer/sharer.php?u=http://bit.ly/1P7NfKu" target="_blank" title="Share on Facebook"><img src="https://litmus-builder.s3.amazonaws.com/1432648163921" width="40" height="40" alt="Share on Facebook" align="top" border="0" style="display: block"></a></td>
                                                    <td width="15">&nbsp;</td>
                                                    <td width="40"><a target="_blank" href="http://ctt.ec/M6Yy8"><img src="https://litmus-builder.s3.amazonaws.com/1432648164052" width="40" height="40" alt="Share on Twitter" align="top" border="0" style="display: block"></a></td>
                                                    <td width="15">&nbsp;</td>
                                                    <td width="40"><a href="mailto:?subject=I’m%20saving%20energy%20and%20money%20–%20Get%20a%20home%20energy%20audit%20so%20you%20can%20too!&body=Hi!%20I%20recently%20completed%20a%20home%20energy%20audit%20from%20Energize%20Delaware,%20and%20I’m%20on%20my%20way%20to%20saving%20energy%20and%20money.%20You%20can%20too!%0D%0A%0D%0AYou%20can%20get%20a%20home%20energy%20audit%20for%20just%20$100*—that’s%20a%2075%%20discount%20off%20the%20typical%20price!%20Plus,%20the%20audit%20includes%20installation%20of%20energy-saving%20items%20to%20help%20you%20start%20saving%20immediately,%20such%20as%20CFL%20bulbs,%20efficient-flow%20showerheads,%20faucet%20aerators,%20pipe%20insulation%20and%20smart%20power%20strips—valued%20up%20to%20$220—at%20no%20additional%20cost.%20And%20you’ll%20learn%20about%20rebates%20up%20to%20$6,750%20available%20for%20making%20energy-saving%20home%20improvements.%0D%0A%0D%0ATo%20schedule%20your%20audit,%20visit%20http://goo.gl/yShP4D%20or%20call%20(877)%20524-1339.%20Give%20them%20my%20name%20and%20I’m%20eligible%20to%20get%20a%20$25%20gift%20card%20if%20you%20complete%20your%20audit%20by%20August%2031,%202015.%20Thank%20you!" title="REFER A FRIEND" target="_blank"><img src="https://litmus-builder.s3.amazonaws.com/1432648163797" width="40" height="40" alt="Refer a friend." align="top" border="0" style="display: block"></a></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table></td>
                            </tr>
                        </table>
                      </td>
                  </tr>
            </table>
        </td>
    </tr>
</table>
</center>
</body>
</html>