フレックスボックス要素のボックスシャドウでハイライトテキストをセンタリングする

Question

ハイライトを付ける必要があるため、テキストをインライン表示の中央に配置したいと考えています。 例：

ただし、このテキストがディスプレイフレックスのあるdivにあるときは、動作しません。 インライン表示はテキストには影響しません。また、divに中心を置くためにflex propiertiesを使用することはできません（水平または垂直方向のセンタリング）。

Answer 1

ハイライトテキストとdisplay: flex divの間に別のdivを挿入するだけです。最も外側のdivにtext-align: centerを設定します。

• 番号：http://codepen.io/anon/pen/RpgJxG
• いいえ：http://codepen.io/anon/pen/yMXEpx
• ないはい：http://codepen.io/anon/pen/xqrzKM