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