| <!DOCTYPE html> |
| <p>There should be a box with a rounded border and yellow background below. The start should be in |
| the first column. The end should be in the third column.</p> |
| <div style="-webkit-columns:3; -webkit-column-gap:1em; column-fill:auto; width:41em; height:10.5em; line-height:2em; orphans:1; widows:1;"> |
| <br> |
| <div style="position:relative; border-radius:3em; border:1em solid black; padding:0 2em; background:yellow;"> |
| first column<br> |
| first column<br> |
| first column<br> |
| second column<br> |
| second column<br> |
| second column<br> |
| second column<br> |
| second column<br> |
| third column<br> |
| </div> |
| </div> |