スタイルシート(CSS)講座 トップ >> レヴェルアップ練習問題 >> テキストの位置を定義する

テキストの位置を定義する

今度は、テキストの位置を定義しましょう。

まずは、テキストを右揃えに定義してください。(text-align: right

テキストのカラーとサイズを定義したボックス
に、テキストのスタイルを加えて位置まで定義したボックス(笑)





.box {
   border:2px solid #CC0000;
   width: 216px;
   height: 176px;
   padding: 20px 40px 0px 40px;
   margin: 0px 0px 0px 50px;
   color: #CC0000;
   font-size: 14px;
   font-weight: bold;
   font-style: italic;
   text-align: right;
}

テキストの位置を決める属性は、text-alignで、
値は、右揃えがright。左揃えが、left。そして、中央揃えが、center

右揃えが定義できたら、他の値でも遊んでみてください。

<< テキストのスタイルを定義する

テキストの行間を定義してみる >>

<< スタイルシート(CSS)講座 トップ