.box{
  width:200px; 
  height:200px; 
  background:red;  
}
.box1{
  text-align:center; 
  display:table-cell;
  vertical-align:middle;
}
.box2{
  display:flex;
  justify-content:center;
  align-items:center; 
  text-align:center;
}
.box3{ position:relative;}
.box3 span{
  position:absolute; 
  left:50%; 
  top:50%; 
  -webkit-transform:translate(-50%,-50%); 
  width:100%; 
  text-align:center;
}
.box4{
  text-align:center; 
  font-size:0;
}
.box4 span{
  vertical-align:middle; 
  display:inline-block; 
  font-size:16px;
}
.box4:after{
  width:0;
  height:100%;
  display:inline-block;
  vertical-align:middle;
}
.box4:after{
  content:''
}
.box5{ 
  display:flex; 
  text-align:center;
}
.box5 span{
  margin:auto;
}
.box6{
  display:-webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center; 
  text-align:center;
}