divを使用してセマンティックにセンタリング

.something-semantic {
   display: table;
   width: 100%;
}
.something-else-semantic {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

.block {
  text-align: center;
}

.block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

 .sample1	{
 	display: inline-block;
  	vertical-align: middle;
}