| <!DOCTYPE html> | |
| <style> | |
| .container { | |
| border: 1px dashed blue; | |
| height: 200px; | |
| width: 560px; | |
| box-sizing: content-box; | |
| } | |
| .container > div { | |
| float: left; | |
| width: 40px; | |
| margin: 10px 20px 30px 40px; | |
| border-width: 20px 30px 40px 50px; | |
| padding: 30px 40px 50px 60px; | |
| border-style: dotted; | |
| } | |
| .container > div:nth-child(1) { background: yellow; } | |
| .container > div:nth-child(2) { background: purple; } | |
| </style> | |
| <div class="container"> | |
| <div></div> | |
| <div></div> | |
| </div> |