JSFiddle - React, Tailwind, and code Playground

HTML

<table class="row bg-white">
    <tr>
        <td class="wrapper last">
            <table class="twelve columns footer">
                <tr>
                    <td class="center">
                        <center> <a href="#">
                          <img src="https://gallery.mailchimp.com/af37d5e0e2ad3fbc1fc35c915/images/d86f2f3e-fb48-4dac-a901-fb2c6e764ded.png" />
                        </a>
 <a href="#">
                          <img src="https://gallery.mailchimp.com/af37d5e0e2ad3fbc1fc35c915/images/83304962-c8e5-4e51-95cd-ffbb46fd9386.png" />
                        </a>
 <a href="#">
                          <img src="https://gallery.mailchimp.com/af37d5e0e2ad3fbc1fc35c915/images/8fbfc755-58dd-4ad3-9df6-31df23b9b4e0.png" />
                        </a>
 <a href="#">
                          <img src="https://gallery.mailchimp.com/af37d5e0e2ad3fbc1fc35c915/images/acbdc917-00a3-421b-a56f-2b03d3f7c72e.png" />
                        </a>
 <span class="copy">© 2015. All Rights Reserved.</span>

                        </center>
                    </td>
                    <td class="expander"></td>
                </tr>
            </table>
            <!-- /twelve columns -->
        </td>
    </tr>
</table>

CSS

table {
    width: 100%;
}

.footer a {
    display: inline-block;
}
.footer span.copy {
    display: block;
    margin-top: 6px;
    font-size: 10px;
}
.footer td.center {
    padding: 30px 0;
}