| <!DOCTYPE html> |
| <style> |
| span:nth-of-type(3n+1)::before { color:salmon; content:"salmon"; } |
| span:nth-of-type(3n+2)::before { color:blue; content:"blueberry"; } |
| span:nth-of-type(3n+3)::before { color:olive; content:"olive"; } |
| </style> |
| |
| <p> |
| There should be 5 columns below. Each column should have 3 lines. The first |
| line should read "<span></span>". The second line should read |
| "<span></span>". The third line should read "<span></span>". The lines |
| should be perfectly vertically aligned with the corresponding lines in the |
| other columns. |
| </p> |
| |
| <div style="columns:2; width:418px; height:200px; column-fill:auto; column-gap:0; line-height:20px; text-align:center; orphans:1; widows:1;"> |
| <div id="inner" style="columns:2; height:75px; column-gap:9px; column-fill:auto; column-rule:1px solid;"> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| <span></span><br> |
| </div> |
| </div> |
