<div class="container">
        <div class="box box_1">Box 1</div>
        <div class="box box_2">Box 2</div>
        <div class="box box_3">Box 3</div>
        <div class="box box_4">Box 4</div>
        <div class="box box_5">Box 5</div>
    </div>
.container {
  display: flex;
  width: 750px;
  justify-content: space-between;  
  height: 450px;
}
.box {
  border: 1px solid #000;
  background: green;
  width: 150px;
  height: 150px;

}

.box_2 {
  align-self: center;
}
.box_3 {
  align-self: flex-end;
}
.box_4 {
  align-self: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.