如何相对父的居中？

这个问题当初我是拒绝回答的, 这个折磨我了一个上午的时间，只为获得优雅的写法。
我或许受苹果那一套布局思维影响，总是想相对于同级的元素进行相对布局。
但是，但是，但是html根本不吃你一套, 大概只能针对自己的父级进行相对布局。

我认为比较优雅的解决方法:

//html
your content
//css
.cn {
  display: flex;
  justify-content: center;
}

.inner {
  align-self: center;
}

WHAT FUCKING!

参考资料:
Vertically centering a div inside another div