| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style type="text/css"> | 3 <style type="text/css"> |
| 4 ul.colored { | 4 ul.colored { |
| 5 background: yellow; | 5 background: yellow; |
| 6 margin: 12px 12px 12px 12px; | 6 margin: 12px 12px 12px 12px; |
| 7 padding: 3px 3px 3px 3px; | 7 padding: 3px 3px 3px 3px; |
| 8 } | 8 } |
| 9 li.colored { | 9 li.colored { |
| 10 color: white; | 10 color: white; |
| (...skipping 17 matching lines...) Expand all Loading... |
| 28 <h3>Check lists, tables, styled text, and images.</h3> | 28 <h3>Check lists, tables, styled text, and images.</h3> |
| 29 Block flow elements get line breaks before and after. Table cells are tab separ
ated. | 29 Block flow elements get line breaks before and after. Table cells are tab separ
ated. |
| 30 <ul> | 30 <ul> |
| 31 <li>Item 1</li> | 31 <li>Item 1</li> |
| 32 <li>Item 2</li> | 32 <li>Item 2</li> |
| 33 </ul> | 33 </ul> |
| 34 <table border=1><tr><td>1</td><td>2</td><td><span">3</span></td></tr><tr><td>4</
td><td>5</td><td><span">6</span></td></tr></table> | 34 <table border=1><tr><td>1</td><td>2</td><td><span">3</span></td></tr><tr><td>4</
td><td>5</td><td><span">6</span></td></tr></table> |
| 35 <br> | 35 <br> |
| 36 Right <h4 style="display:inline">here</h4> is an inline block. | 36 Right <h4 style="display:inline">here</h4> is an inline block. |
| 37 <br> | 37 <br> |
| 38 And an <table border=1 style="display:inline"><td>inline</td><td>table</td><td>w
ith</td><td>one</td><td>row</td></table> is here, too. | 38 And an <table border=1 style="display:inline-table"><td>inline</td><td>table</td
><td>with</td><td>one</td><td>row</td></table> is here, too. |
| 39 <br> | 39 <br> |
| 40 And an <table border=1 style="display:inline"><tr><td>inline</td><td>table</td><
/tr><tr><td>with</td><td>rows</td></tr></table> not far behind. | 40 And an <table border=1 style="display:inline-table"><tr><td>inline</td><td>table
</td></tr><tr><td>with</td><td>rows</td></tr></table> not far behind. |
| 41 <h3>Check collapsed margins</h3> | 41 <h3>Check collapsed margins</h3> |
| 42 Collapsed margins are supposed to result in an extra line break. | 42 Collapsed margins are supposed to result in an extra line break. |
| 43 <h4 class="colored">First header</h4> | 43 <h4 class="colored">First header</h4> |
| 44 <h4 class="colored">Second header</h4> | 44 <h4 class="colored">Second header</h4> |
| 45 <ul class="colored"> | 45 <ul class="colored"> |
| 46 <li class="colored">First list element</li> | 46 <li class="colored">First list element</li> |
| 47 <li class="colored">Second list element</li> | 47 <li class="colored">Second list element</li> |
| 48 </ul> | 48 </ul> |
| 49 This <b>line</b> contains <img src="../replaced/resources/compass.jpg"> an image
. | 49 This <b>line</b> contains <img src="../replaced/resources/compass.jpg"> an image
. |
| 50 </div> | 50 </div> |
| 51 <p><b><u>The innerText of the above:</u></b></p> | 51 <p><b><u>The innerText of the above:</u></b></p> |
| 52 <pre id="innertext"></pre> | 52 <pre id="innertext"></pre> |
| 53 <script> | 53 <script> |
| 54 if (window.testRunner) | 54 if (window.testRunner) |
| 55 window.testRunner.dumpAsText(); | 55 window.testRunner.dumpAsText(); |
| 56 | 56 |
| 57 document.getElementById("innertext").innerText = document.getElementById("te
st").innerText; | 57 document.getElementById("innertext").innerText = document.getElementById("te
st").innerText; |
| 58 </script> | 58 </script> |
| 59 </body> | 59 </body> |
| 60 | 60 |
| 61 </html> | 61 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1607703003:
Don't force display:inline-table/table on table elements when in quirks mode (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master