https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

文字の表示位置を指定する

{text-align:表示位置;}で 文字の表示位置を指定することができます。 表示位置は左端、中央、右端と指定できます。

【ブラウザ表示】

左端にテキストが揃います。
中央にテキストが揃います。
右端にテキストが揃います。

ソース

<div class="basho1">左端にテキストが揃います。</div>
<div class="basho2">中央にテキストが揃います。</div>
<div class="basho3">右端にテキストが揃います。</div>

外部ファイル

div.basho1{text-align:left;}
div.basho2{text-align:center;}
div.basho3{text-align:right;}


<body>~</body>に直接記入する場合

<div style="text-align:left;">左端にテキストが揃います。</div>
<div style="text-align:center;">中央にテキストが揃います。</div>
<div style="text-align:right;">右端にテキストが揃います。</div>

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

文字の大きさを変える
文字の色を変える
文字の太さを指定する
文字の書体を指定する
文字を斜めにする
小文字英字を大文字で表示
字下げをする
行間を指定する
文字、単語の間隔を空ける
文字に線を引く
小文字と大文字を入れ換える
上付き文字と下付き文字

スタイルシート一覧のページに戻る