<!DOCTYPE html>
<style>
img {
    width: 20px;
    height: 20px;
    background: green;
}

.table { display: table }

#t1 { display: inline }
#t2 { display: block; }
#t3 { display: inline-block; }
#t4 { display: inline-table; }
#t5 { display: table; }
#t6 { display: table-cell; }
#t7, #t8 { display: none; }
</style>
<img id="t1" src="../../css2.1/support/1x1-transparent.png">
<img id="t2" src="../../css2.1/support/1x1-transparent.png">
<img id="t3" src="../../css2.1/support/1x1-transparent.png">
<img id="t4" src="../../css2.1/support/1x1-transparent.png">
<img id="t5" src="../../css2.1/support/1x1-transparent.png">
<div class="table">
    &nbsp;
    <img id="t6" src="../../css2.1/support/1x1-transparent.png">
</div>
<img id="t7" src="../../css2.1/support/1x1-transparent.png">
Inline content <img id="t8" src="../../css2.1/support/1x1-transparent.png">