【CSS入門】text-alignプロパティでテキストの位置を調整する方法を解説

CSSのtext-alignプロパティは、ブロックレベル要素内のテキストの水平位置を制御します。中央揃え、左揃え、右揃え、両端揃えなど、さまざまな配置が可能です。

text-alignプロパティの役割と基本的な使い方

CSSのletter-CSSのtext-alignプロパティは、ブロックレベル要素内のテキストの水平配置を指定するために使用されます。このプロパティは、テキストの視覚的な整列を制御し、ウェブページのデザインを調整する際に重要な役割を果たします。text-alignの値としては、left、right、center、justifyなどがあります。

中央揃え

テキストを中央に揃えるには、text-alignプロパティの値をcenterに設定します。これにより、要素内のすべてのテキストが中央に配置されます。

左揃えと右揃えの設定

テキストを左揃えまたは右揃えにするには、それぞれtext-alignプロパティの値をleftまたはrightに設定します。左揃えはデフォルトの設定ですが、明示的に指定することもできます。