Source code

Revision control

Copy as Markdown

Other Tools

<!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>