CodePen Embed - MzjNOY

<body>
<ul>
  <li class="wide column-1"></li>
  <li class="high column-2"></li>
  <li class="column-1"></li>
  <li class="column-1"></li>
</ul>
</body>

body {
  width: 540px;
}
li {
  display: block;
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
  background-color: grey;
  border: 5px solid lightgrey;
}

.wide {
  width: 320px;
}

.high {
  height: 320px;
}
.column-1 {
  float: left;
  margin-right: 10px;
}

.column-2 {
  float: right;
}

This Pen is owned by aeronaut on CodePen.

See more by @aeronaut on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.