flexboxで縦も横も中央に表示される要素の作り方

<style>
.sample {
  display        : flex;   /* flexbox指定 */
  justify-content: center; /* 横位置を中央に */
  align-items    : center; /* 縦位置を中央に */
  height         : 200px;
  width          : 200px;
  border         : solid 1px black;
}
</style>
<div class="sample">CENTER</div>