flexbox 요소의 박스 섀도우로 강조 표시 텍스트 센터

Question

하이라이트가 있어야하기 때문에 인라인 표시로 텍스트를 가운데 맞춤하고 싶습니다. 예 :

그러나이 텍스트가 디스플레이 플렉스가있는 div에 있었지만 작동하지 않습니다. 인라인 표시는 텍스트에 영향을 미치지 않으며 div에 가운데 맞춤을 위해 flex 프로비저닝을 사용할 수 없습니다 (가로 및 세로 중심 맞춤).

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