| <!doctype HTML> |
| <style> |
| body { |
| background: grey; |
| width: 394px; |
| } |
| .column { |
| width: 295.4px; |
| padding-left: 10.4px; |
| } |
| |
| .red-background { |
| background: red; |
| position: relative; |
| overflow: hidden; |
| border-radius: 1px; |
| height: 100px; |
| } |
| |
| .black-background { |
| height: 100px; |
| background: black; |
| color: white; |
| width: 200px; |
| margin-left: 95.3px; |
| } |
| </style> |
| <!-- There should not be any red visible to the right of the black square. --> |
| <div class="column"> |
| <div> |
| <div class="red-background"> |
| <div class="black-background"></div> |
| </div> |
| </div> |
| </div> |