| <!doctype html> |
| <meta charset="utf-8"> |
| <title>CSS Reference File: scroll-marker-group dynamic change</title> |
| <style> |
| div.red { |
| background: red; |
| border-radius: 50%; |
| height: 30px; |
| width: 30px; |
| } |
| |
| div.yellow { |
| background: yellow; |
| border-radius: 50%; |
| height: 30px; |
| width: 30px; |
| } |
| |
| div.green { |
| background: green; |
| border-radius: 50%; |
| height: 30px; |
| width: 30px; |
| } |
| </style> |
| <p>Test passes if there are <strong>three circles filled red, yellow, green</strong>. |
| <div class="red"></div> |
| <div class="yellow"></div> |
| <div class="green""></div> |
