3 <style type=
"text/css">
6 margin: 12px 12px 12px 12px;
7 padding: 3px 3px 3px 3px;
12 margin: 12px 12px 12px 12px;
13 padding: 12px 0px 12px 12px;
19 margin: 12px 12px 12px 12px;
20 padding: 12px 0px 12px 12px;
25 <body style=
"font-size: 12px;">
26 <div contenteditable
id=
"test" style=
"border-style:solid; border-color:red">
27 <h2>Test innerText
</h1>
28 <h3>Check lists, tables, styled text, and images.
</h3>
29 Block flow elements get line breaks before and after. Table cells are tab separated.
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>
36 Right
<h4 style=
"display:inline">here
</h4> is an inline block.
38 And an
<table border=
1 style=
"display:inline"><td>inline
</td><td>table
</td><td>with
</td><td>one
</td><td>row
</td></table> is here, too.
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.
41 <h3>Check collapsed margins
</h3>
42 Collapsed margins are supposed to result in an extra line break.
43 <h4 class=
"colored">First header
</h4>
44 <h4 class=
"colored">Second header
</h4>
46 <li class=
"colored">First list element
</li>
47 <li class=
"colored">Second list element
</li>
49 This
<b>line
</b> contains
<img src=
"../replaced/resources/compass.jpg"> an image.
51 <p><b><u>The innerText of the above:
</u></b></p>
52 <pre id=
"innertext"></pre>
54 if (window
.testRunner
)
55 window
.testRunner
.dumpAsText();
57 document
.getElementById("innertext").innerText
= document
.getElementById("test").innerText
;