зеркало из https://github.com/mozilla/gecko-dev.git
46 строки
2.4 KiB
HTML
46 строки
2.4 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
div { border:1px solid green; margin:5px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<table width="100%"><tr><td valign="top">
|
|
<div><span style="display:block">1<img src="square-outline-32x32.png">"Before block</span
|
|
>Inner<span style="display:block">2<img src="square-outline-32x32.png">After block"</span
|
|
></div>
|
|
<div><span style="display:inline">1<img src="square-outline-32x32.png">"Before inline</span
|
|
>Inner<span style="display:inline">2<img src="square-outline-32x32.png">After inline"</span
|
|
></div>
|
|
<div><span style="display:inline-block">1<img src="square-outline-32x32.png">"Before inline-block</span
|
|
>Inner<span style="display:inline-block">2<img src="square-outline-32x32.png">After inline-block"</span
|
|
></div>
|
|
<div><span style="display:table">1<img src="square-outline-32x32.png">"Before table</span
|
|
>Inner<span style="display:table">2<img src="square-outline-32x32.png">After table"</span
|
|
></div>
|
|
<div><span style="display:inline-table">1<img src="square-outline-32x32.png">"Before inline-table</span
|
|
>Inner<span style="display:inline-table">2<img src="square-outline-32x32.png">After inline-table"</span
|
|
></div>
|
|
<div><span style="display:table-row-group">1<img src="square-outline-32x32.png">"Before table-row-group</span
|
|
>Inner<span style="display:table-row-group">2<img src="square-outline-32x32.png">After table-row-group"</span
|
|
></div>
|
|
</td><td valign="top">
|
|
<div><span style="display:table-row">1<img src="square-outline-32x32.png">"Before table-row</span
|
|
>Inner<span style="display:table-row">2<img src="square-outline-32x32.png">After table-row"</span
|
|
></div>
|
|
<div><span style="display:table-cell">1<img src="square-outline-32x32.png">"Before table-cell</span
|
|
>Inner<span style="display:table-cell">2<img src="square-outline-32x32.png">After table-cell"</span
|
|
></div>
|
|
<div><span style="display:table-caption">1<img src="square-outline-32x32.png">"Before table-caption</span
|
|
>Inner<span style="display:table-caption">2<img src="square-outline-32x32.png">After table-caption"</span
|
|
></div>
|
|
<div><span style="display:-moz-box">1<img src="square-outline-32x32.png">"Before flexbox</span
|
|
>Inner<span style="display:-moz-box">2<img src="square-outline-32x32.png">After flexbox"</span
|
|
></div>
|
|
<div><span style="display:-moz-inline-box">1<img src="square-outline-32x32.png">"Before inline-flexbox</span
|
|
>Inner<span style="display:-moz-inline-box">2<img src="square-outline-32x32.png">After inline-flexbox"</span
|
|
></div>
|
|
</body>
|
|
</html>
|