Recently I find another example for the difference between display: block
and display: table
I take the email template from litmus:
<table class="row footer">
<tbody>
<tr>
<td class="wrapper">
<table class="six columns">
<tbody><tr>
<td class="left-text-pad">
<h5>Connect With Us:</h5>
<table class="tiny-button facebook">
<tbody><tr>
<td>
<a href="#">Facebook</a>
</td>
</tr>
</tbody></table>
<br>
<table class="tiny-button twitter">
<tbody><tr>
<td>
<a href="#">Twitter</a>
</td>
</tr>
</tbody></table>
<br>
<table class="tiny-button google-plus">
<tbody><tr>
<td>
<a href="#">Google +</a>
</td>
</tr>
</tbody></table>
</td>
<td class="expander"></td>
</tr>
</tbody></table>
</td>
<td class="wrapper last">
<table class="six columns">
<tbody><tr>
<td class="last right-text-pad">
<h5>Contact Info:</h5>
<p>Phone: 408.341.0600</p>
<p>Email: <a href="mailto:hseldon@trantor.com">hseldon@trantor.com</a></p>
</td>
<td class="expander"></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody>
</table>
with display: block !important;
on footer table, It looks:

with display: table !important;
on footer table, It looks:

The snapshot is take with mail application on iOS 10.0.1.