| <!DOCTYPE html> |
| <style> |
| td { width:1em; } |
| </style> |
| <p>The word "PASS" should be seen below, with large letter |
| spacing. There should be a blue rectangle snapped to the blue |
| line. There should be no red.</p> |
| <div style="columns:3; column-gap:0; column-fill:auto; width:15em; height:90px; line-height:20px; orphans:1; widows:1; border-top:1px solid blue;"> |
| <br> |
| <br> |
| <table cellpadding="0" cellspacing="0" style="background:white;"> |
| <tr> |
| <td style="vertical-align:bottom;"> |
| P |
| </td> |
| <td style="vertical-align:baseline; background:red;"> |
| <div style="background:white;"> |
| A<br><br> |
| <div style="break-inside:avoid; width:100%; height:1em; background:blue;"></div> |
| </div> |
| </td> |
| <td style="vertical-align:top;"> |
| S |
| </td> |
| <td style="vertical-align:middle;"> |
| S |
| </td> |
| </tr> |
| </table> |
| </div> |