476063-1.html (1337B)
1 <!DOCTYPE html> 2 <head> 3 <style> 4 legend { padding: 0; } 5 </style> 6 <script> 7 function doTest() { 8 var l = document.createElement("legend"); 9 l.textContent = "This is a test"; 10 l.style.border = "2px solid green"; 11 l.style.display = "block" 12 document.body.appendChild(l); 13 14 l = document.createElement("legend"); 15 var d = document.createElement("div"); 16 d.textContent = "This is a test"; 17 l.style.border = "2px solid green"; 18 l.style.display = "inline" 19 l.textContent = "before"; 20 l.appendChild(d); 21 l.appendChild(document.createTextNode("after")); 22 document.body.appendChild(l); 23 24 var t = document.getElementById("x"); 25 var r = document.createElement("div"); 26 r.style.display = "table-row"; 27 l = document.createElement("legend"); 28 l.textContent = "2 - 1"; 29 l.style.display = "table-cell"; 30 r.appendChild(l); 31 l = document.createElement("legend"); 32 l.textContent = "2 - 2"; 33 l.style.display = "table-cell"; 34 r.appendChild(l); 35 t.appendChild(r); 36 } 37 </script> 38 </head> 39 <body onload="doTest()"> 40 <div style="display: table" id="x"> 41 <div style="display: table-row"> 42 <div style="display: table-cell">1 - 1</div> 43 <div style="display: table-cell">1 - 2</div> 44 </div> 45 </div> 46 </body>