<div class="w3tr">
  <div class="renk1"></div>
  <div class="renk2"></div>
  <div class="renk3"></div>
  <div class="renk4"></div>
  <div class="renk5"></div>
</div>
.w3tr{
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    width: 180px;
    height: 200px;
    border: 1px solid red
}
.w3tr div{width: 50px; height: 50px;}
.renk1{background: #00FFFF;}
.renk2{background: #DC143C;}
.renk3{background: #6495ED;}
.renk4{background: #FF1493;}
.renk5{background: #FF4500;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.