Porte Bonheur

珈琲や美味しいもの、建築やデザインについても触れています。

CSS 中央寄せ色々

 

text-align: center;
margin: 0 auto;
display: inline-block;
vertical-align: middle; (vertical-alignはインライン要素・テーブルセルにのみ使用可)
position: absolute; + margin: auto;
transform
display: flex;
テキストを内包したいけどブロックの高さは指定は要らない場合、transformとdisplay: flex;を使用
 
●解りやすいサイト 

qiita.com

saruwakakun.com

プロフィール


音楽(Jazz,Funk,Soul,R&B)、珈琲、ネコ、建築など
私の好きが詰まったブログ。
それを眺めてホッコリしてくれる人がたら良いなぁ。

詳しいプロフィールはコチラ