| <!DOCTYPE html> | |
| <style> | |
| html, body { | |
| margin: 0; | |
| } | |
| html { | |
| margin-left: 10px; | |
| } | |
| outer { | |
| display: block; | |
| border: blue 10px solid; | |
| width: 100px; | |
| } | |
| inner { | |
| display: block; | |
| border: orange 10px solid; | |
| margin-left: -20px; | |
| margin-right: -50px; | |
| height: 10px; | |
| } | |
| </style> | |
| <body> | |
| <outer> | |
| <inner></inner> | |
| </outer> | |
| <outer> | |
| <inner></inner> | |
| </outer> | |
| <outer> | |
| <inner></inner> | |
| </outer> | |
| <outer> | |
| <inner></inner> | |
| </outer> | |
| </body> |