行揃えでわかりやすく
通常状態だと、テキストは左寄せになります。
たとえば、他の情報と別個のものとしてわかりやすく表示する方法として、テキストを「中央揃え」「右寄せ」にする方法があります。
<div class="case01">真ん中</div>
左寄せなんてそう使わない…と思うと案外使ったりします。
.class01{
text-align:center;
}
真ん中
<div class="case02">右寄せ</div>
.class01{
text-align:right;
}
右寄せ
<div class="case03">左寄せ</div>
.class01{
text-align:left;}
左寄せ