align items center css

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

div
{
  display:flex;
  align-items:center;
  justify-content:center;
  
}

body {
  text-align: center;
}

.parent_div
{
  display:flex;
  align-items:center;
}

    div
 {

   display: flex;
  align-items: center;

 }