「デバイステキスト使って好きなテキスト入れれるようにした上で、左揃えのままセンタリングしたい」なんて状況がよくあります。そんな時にどういうふうにコーディングすればいいのかご紹介したいと思います。 左揃えのまま中央寄せ?? もう正直何言ってんだお前的なタイトルですが、要はこういうパターンです。 こんな風に「デバイステキスト使って好きなテキスト入れれるようにした上で、左揃えのままセンタリングしたい」なんて状況結構あります。 自分がマークアップ初心者の頃は、こんなレイアウトは出来ないものと勝手に思ってたのですが、実は簡単にできちゃいます。 どうするかというと、inline-blockの特性を活かしてやっちゃいます。 実例 実際のソースコードは以下のとおりです。 ソースコード <style> .wrapper { max-width: 300px; margin: 0 auto; text-ali