text-align属性

■概要

text-align属性は、テキストの揃え位置を指定するものです。

start：行の開始位置を揃える

end：行の終了位置を揃える

left：左揃えにする

right：右揃えにする

center：中央揃えにする

justify：均等割付にする

■使用方法

#box1 { text-align: right; }
#box2 { text-align: left; }
#box3 { text-align: center; }

■例

<html>
<head>
<style>
　#box1 { text-align: right; }
　#box2 { text-align: left; }
　#box3 { text-align: center; }
</style>
</head>
<body>
　<div id=”box1″>右揃え</div>
　<div id=”box2″>左揃え</div>
　<div id=”box3″>中央揃え</div>
</body>
</html>

出力結果

右揃え
左揃え
中央揃え

当サイトは広告を含めています。広告のクリックによる収益は全て当サイトの管理、維持、コンテンツ製作に使われます。