| <!DOCTYPE html> |
| <style> |
| .decorate::first-line { text-decoration:underline } |
| </style> |
| <body style="overflow:hidden"> |
| <p>Test to make sure that the decoration line paints properly underneath the subscript. |
| </p> |
| |
| <p class="decorate" style="writing-mode:vertical-lr; margin-right:10px; font-size:24px; float:left;text-underline-position:under; border:1px dotted orange"> |
| The first line <span style="vertical-align:-20px">has a decoration,</span> but not <img style="vertical-align:-100px; height:20px;width:20px;background-color:lime"> under the image.<br> |
| The second line should not. |
| </p> |
| |
| <p class="decorate" style="writing-mode:vertical-rl; margin-right:10px; font-size:24px; float:left;text-underline-position:under; border:1px dotted orange"> |
| The first line <span style="vertical-align:-20px">has a decoration,</span> but not <img style="vertical-align:-100px; height:20px;width:20px;background-color:lime"> under the image.<br> |
| The second line should not. |
| </p> |