- 横方向 - `text-align: center` - 縦方向 - 1行 - `height` と `line-height` を同じにする - [[vertical-align (CSS)|vertical-align]]で対応できることもある - 複数行 - ??? ## 例 ```html:横方向中央寄せ <div style="text-align: center" class="grey-box px50"> ほげ </div> ``` ↓ <div style="text-align: center" class="grey-box px50"> ほげ </div> ```html:縦方向中央寄せ <div style="line-height: 50px" class="grey-box px50"> ほげ </div> ``` ↓ <div style="line-height: 50px" class="grey-box px50"> ほげ </div>