JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://static.nzpif.org.nz/css/conf2016/bootstrap.css">
<DIV class='container'>
<div class="row sponsors bluestrip center-block">
<div class="col-md-offset-2 col-md-8 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
<h5 style="display: block;">Some Logos</h5>
<table border="0" cellpadding="1" cellspacing="1" summary="">
<tbody>
<tr>
<td>
<img alt="ANZ" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/anz.png" />
</td>
<td>
<img alt="Barfoot and Thompson" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/barfootandthompson.png" />
</td>
<td>
<img alt="" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/ronovationz.png" />
</td>
<td>
<img alt="" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/sponsor.png" style="height:60px; width:70px" />
</td>
<td>
<img alt="" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/propertyapprentice.png" />
</td>
<td>
<img alt="Tass Print" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/tassprint.png" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
CSS
.sponsors div
{
background: #ffffff;
}
.sponsors table,
.sponsors thead,
.cakecontent tbody,
.sponsors th,
.sponsors td,
.sponsors tr {
display: block;
margin-right: auto;
margin-left: auto;
border: green 1px solid;
}
/* Hide table headers (but not display: none;, for accessibility) */
.sponsors thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.sponsors td {
/* Behave like a "row" */
border: none;
position: relative;
white-space: normal;
text-align:center;
border: yellow 1px solid
}
.bluestrip {
background: navy;
}
}