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; }