vertical-align with css

vertical-align

%vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /* or with bourbon
  @include transform(translateY(-50%));
  */
  
  
}

.element p {
  @extend %vertical-align;
}