span should be block
<span class="u-block"> This <code>span</code> should be <code>block</code> </span>
span should be hidden
<span class="u-hidden">
This <code>span</code> should be hidden
</span>
span should be read by screenreaders
<span class="u-hiddenVisually">
This <code>span</code> should be read by screenreaders
</span>
span should be inline-block
<span class="u-inlineBlock dev-Inner">
This <code>span</code> should be <code>inline-block</code>
</span>
<div style="width:200px">
<div class="u-inlineBlock dev-Inner">
<img src="http://lorempixel.com/300/300/sports/1" alt="" style="margin:10px 0; max-width:100%;">
</div>
</div>
div should be table-cell within table
div should be table-cell within table
<div class="u-table dev-Inner">
<div class="u-tableRow dev-Inner">
<div class="u-tableCell dev-Inner">
This <code>div</code> should be <code>table-cell</code> within <code>table</code>
</div>
<div class="u-tableCell dev-Inner">
This <code>div</code> should be <code>table-cell</code> within <code>table</code>
</div>
</div>
</div>