CodePen Embed - CSS align-self2

<div class="w3tr">
  <div class="renk1">W3TR</div>
  <div class="renk2">W3TR</div>
  <div class="renk3">W3TR</div>
</div>

.w3tr{
  display:flex;		
   align-items: center;
  height: 200px;
}
.w3tr div{
  -webkit-flex: 1;
  flex: 1;
  width: 100%;
}
.renk1{background: #00FFFF;}
.renk2{background: #DC143C; align-self: flex-start;}
.renk3{background: #6495ED;}

This Pen is owned by W3TR on CodePen.

See more by @w3tr on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.