15/06/2016 Development / css

Nao posso mais esquecer dessa porrinha!!!

 

.Aligner {
  display: flex;
  align-items: center;
  min-height: 24em;
  justify-content: center;
  }
   
  .Aligner-item {
  flex: 1;
  }
   
  .Aligner-item--top {
  align-self: flex-start;
  }
   
  .Aligner-item--bottom {
  align-self: flex-end;
  }
   
  .Aligner-item--fixed {
  flex: none;
  max-width: 50%;
 

}

<div class="Aligner">
  <div class="Aligner-item Aligner-item--top">…</div>
  <div class="Aligner-item">…</div>
  <div class="Aligner-item Aligner-item--bottom">…</div>
</div>