.u-block
renders as block
This span
should be block
.u-hidden
renders as hidden
This span
should be hidden
.u-hiddenVisually
renders as visually hidden
This span
should be read by screenreaders
.u-inline
renders as inline
This span
should be inline
.u-inlineBlock
renders as inline-block
This span
should be inline-block
doesn't expand beyond its parent when containing wide children (test in Firefox)
.u-table, .u-tableCell, and .u-tableRow
render as tables
This div
should be table-cell
within table
This div
should be table-cell
within table