Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<style type="text/css">
div { border:1px solid green; margin:5px; }
</style>
</head>
<body>
<table width="100%"><tbody><tr><td valign="top">
<div><span style="display:block">1<img src="support/square-outline-32x32.png" />"Before block</span>Inner<span style="display:block">2<img src="support/square-outline-32x32.png" />After block"</span></div>
<div><span style="display:inline">1<img src="support/square-outline-32x32.png" />"Before inline</span>Inner<span style="display:inline">2<img src="support/square-outline-32x32.png" />After inline"</span></div>
<div><span style="display:inline-block">1<img src="support/square-outline-32x32.png" />"Before inline-block</span>Inner<span style="display:inline-block">2<img src="support/square-outline-32x32.png" />After inline-block"</span></div>
<div><span style="display:table">1<img src="support/square-outline-32x32.png" />"Before table</span>Inner<span style="display:table">2<img src="support/square-outline-32x32.png" />After table"</span></div>
<div><span style="display:inline-table">1<img src="support/square-outline-32x32.png" />"Before inline-table</span>Inner<span style="display:inline-table">2<img src="support/square-outline-32x32.png" />After inline-table"</span></div>
<div><span style="display:table-row-group">1<img src="support/square-outline-32x32.png" />"Before table-row-group</span>Inner<span style="display:table-row-group">2<img src="support/square-outline-32x32.png" />After table-row-group"</span></div>
</td><td valign="top">
<div><span style="display:table-row">1<img src="support/square-outline-32x32.png" />"Before table-row</span>Inner<span style="display:table-row">2<img src="support/square-outline-32x32.png" />After table-row"</span></div>
<div><span style="display:table-cell">1<img src="support/square-outline-32x32.png" />"Before table-cell</span>Inner<span style="display:table-cell">2<img src="support/square-outline-32x32.png" />After table-cell"</span></div>
<div><span style="display:table-caption">1<img src="support/square-outline-32x32.png" />"Before table-caption</span>Inner<span style="display:table-caption">2<img src="support/square-outline-32x32.png" />After table-caption"</span></div>
</td></tr></tbody></table></body></html>