| <!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> |