<!DOCTYPE html>
<style>
svg {
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: contents; }
</style>
<svg id="t1"></svg>
<svg id="t2"></svg>
<svg id="t3"></svg>
<svg id="t4"></svg>
<svg id="t5"></svg>
<div class="table">
<svg id="t6"></svg>
</div>
<svg id="t7"></svg>
Inline content <svg id="t8"></svg>