文字を中央揃え(センタリング)する方法【HTMLタグ】 | 超初心者のためのアメブロ作成講座

超初心者のためのアメブロ作成講座

これからブログを始めてみようという人のために

アメブロの基本操作をわかりやすく説明します☆

ブログ読者さんからの質問で、こんなのがありました。

 

「他の人のブログを読んでいると、

 

文字が中央揃えになってるのがあるけど、

あれは、どうやってるのか?」って。

 

…というわけで、今回は、

 

文字をセンタリングする方法を、紹介します。

 

 

文字を中央に揃えるHTMLタグは、

 

 

こういうふうな構造になってます。

 

 

<div align="center">センタリングされる文字</div>

 

 

このHTMLタグをコピーして、そのまま

「HTMLタグを表示」画面に、貼れば、OK☆

 


超初心者のためのアメブロ作成講座-文字のセンタリング(中央揃え)

 

これを、「タグの非表示」に切り替えると、

こんなふうに表示されます☆

 

センタリングされる文字

 

 

携帯で投稿する場合は、下記のような手順になります。

 

 

<div align="center">センタリングされる文字</div>

 

このHTMLタグを、コピーして、

「マイページ」→「ブログ」→「ブログを書く」を開き、

本文に、HTMLタグを、そのまま貼りつけ。

 

過去に投稿した記事を、携帯で再編集する場合は、

 

「マイページ」→「ブログ」→「記事一覧・編集」から

編集したいブログ記事の「編集」という文字をクリックして、

本文のなかのセンタリングしたい文字列だけを

下記のように、タグではさめば、OKです☆

 

<div align="center">センタリングされる文字</div>

 

 

<div align="center"></div>の間にはさまれている文字だけが、

 

センタリングされて、表示されます。

 

記事全体の文字を、中央揃えにしたい場合は、

 

<div align="center">の後に、記事本文を入力、

記事の末尾に、</div>を入れれば、OK☆

 

 

 

【関連記事】

顔文字一覧と顔文字の使い方
絵文字311種類全一覧と絵文字の使い方
文字の色を変える方法(1)基本色12色

文字の色を変える方法(2)216色の中間色バリエーション
文字の大きさ(フォントサイズ変更)とHTML
太字・斜体・下線・打消線で、文字を装飾する方法

テキストリンクのかけ方【新しい記事編集ボタン使用】
超カンタンに目次作成&文字色・太さ変更
テキストリンクをかける方法(アメブロ編)
ブログ記事は長尺でつながっている(トップページのURL)
個別ページ・テキストリンクのURL確認方法
目次をトップページ上部(メッセージボード)に、作成する方法

 

しもまゆのメルマガ

まぐまぐ『ブログ×SNS活用術

 

無料メール講座【月間10万PV超ブログ作成の秘訣7ステップ】

 

 

超初心者のためのアメブロ作成講座
ブログにバナーを貼り付ける方法
目次【アメブロ関連記事一覧】
初心者向けブログ関連本・書籍一覧
「超初心者のためのアメブロ作成講座」トップページ