現役エンジニア・デザイナーの備忘録ブログ

2022.5.23
HTML・CSS

【css】テキストを左揃えのまま右寄せに配置する

CSSでテキストを左揃えにしつつ、要素自体は右寄せにする方法について解説します。もちろん中央寄せもできますので参考にしてください◎

 

See the Pen
Untitled
by nanami (@nanami_po)
on CodePen.

 

中央寄せの場合は.text のmargin-left: auto;をmargin: 0 auto;にすればOKです。

関連記事