| <!DOCTYPE html "-//W3C//DTD HTML 4.0//EN"> |
| <html> |
| <head> |
| <title> Caption Margin Test bug 91057</title> |
| <style type="text/css"> |
| * {border: 1px solid} |
| .one { |
| margin-left: 50px; |
| } |
| .two { |
| margin-right: 50px; |
| } |
| .three { |
| margin: 50px; |
| } |
| .four { |
| margin-left: 5%; |
| } |
| .five { |
| margin-right: 5%; |
| } |
| .six { |
| margin: 5%; |
| } |
| </style> |
| </head> |
| <body bgcolor="#FFFFFF"> |
| |
| <h1>Caption Margin Test</h1> |
| |
| <div style="border: 1px solid green; width: 100px"> |
| 100px |
| </div> |
| <div style="border: 1px solid red; width: 50px"> |
| 50px |
| </div> |
| |
| <h2>Control</h2> |
| |
| <table> |
| <caption>TA</caption> |
| <tr> |
| <td>Table Cell 1</td> |
| <td>Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <table> |
| <caption>TB</caption> |
| <tr> |
| <td>Table Cell 1 Table Cell 1</td> |
| <td>Table Cell 2 Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <h2>Test 1 - "margin-left: 50px"</h2> |
| |
| <table> |
| <caption class="one">TA</caption> |
| <tr> |
| <td>Table Cell 1</td> |
| <td>Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <table> |
| <caption class="one">TB</caption> |
| <tr> |
| <td>Table Cell 1 Table Cell 1</td> |
| <td>Table Cell 2 Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <h2>Test 2 - "margin-right: 50px"</h2> |
| |
| <table> |
| <caption class="two">TA</caption> |
| <tr> |
| <td>Table Cell 1</td> |
| <td>Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <table> |
| <caption class="two">TB</caption> |
| <tr> |
| <td>Table Cell 1 Table Cell 1</td> |
| <td>Table Cell 2 Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <h2>Test 3 - "margin: 50px"</h2> |
| |
| <table> |
| <caption class="three">TA</caption> |
| <tr> |
| <td>Table Cell 1</td> |
| <td>Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <table> |
| <caption class="three">TB</caption> |
| <tr> |
| <td>Table Cell 1 Table Cell 1</td> |
| <td>Table Cell 2 Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <table> |
| <caption class="three">TC</caption> |
| <tr> |
| <td>Table Cell 1 Table Cell 1 Table Cell 1</td> |
| <td>Table Cell 2 Table Cell 2 Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <h2>Test 4 - "margin-left: 5%"</h2> |
| |
| <table> |
| <caption class="four">TA</caption> |
| <tr> |
| <td>Table Cell 1</td> |
| <td>Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <table> |
| <caption class="four">TB</caption> |
| <tr> |
| <td>Table Cell 1 Table Cell 1</td> |
| <td>Table Cell 2 Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <h2>Test 5 - "margin-right: 5%"</h2> |
| |
| <table> |
| <caption class="five">TA</caption> |
| <tr> |
| <td>Table Cell 1</td> |
| <td>Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <table> |
| <caption class="five">TB</caption> |
| <tr> |
| <td>Table Cell 1 Table Cell 1</td> |
| <td>Table Cell 2 Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <h2>Test 6 - "margin: 5%"</h2> |
| |
| <table> |
| <caption class="six">TA</caption> |
| <tr> |
| <td>Table Cell 1</td> |
| <td>Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <table> |
| <caption class="six">TB</caption> |
| <tr> |
| <td>Table Cell 1 Table Cell 1</td> |
| <td>Table Cell 2 Table Cell 2</td> |
| </tr> |
| </table> |
| |
| <table> |
| <caption class="six">TB</caption> |
| <tr> |
| <td>Table Cell 1 Table Cell 1 Table Cell 1</td> |
| <td>Table Cell 2 Table Cell 2 Table Cell 2</td> |
| </tr> |
| </table> |
| |
| </body> |
| </html> |
