文章は通常左寄せになります。「トップへ戻る」のようなaタグを作成し、右端に置いておきたい。逆の場合どうなるかinline-blockインラインブロックとはtext-alignの使い方まとめ【結論】親要素にtext-align:rightインライン要素またはinline-block要素の外側をdivで囲み親要素を作り、そのdivにtext-align:rightを指定します。value="インラインブロック"></div>以下で詳しく説明します。CSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。この記事を読むインライン要素とブロック要素とはhtmlのブロック要素とインライン要素とは?htmlタグは大きくブロック要素とインライン要素に分かれます。このブロック要素とインライン要素を理解していないとCSSで装飾するときにつまづきますし、html構築でも間違ってしまいます。この記事を読むインライン要素インライン要素は文章の一部にCSSを指定することを主な目的としています。インライン要素の代表はaタグ、spanタグなどです。例)これは赤いリンゴです。style="color:red;background:#CCC;">赤い</span>リンゴです。上記のように指定した範囲だけ色・背景が変わっています。ブロック要素ブロック要素はを文章全体あるいはその枠にCSSを指定することを主な目的としています。ブロック要素の代表はdivタグ、pタグ、h1タグなどです。例)これは赤いリンゴです。style="color:red;background:#CCC;">例)これは赤いリンゴです。</div>要素内すべての文章に影響を与え、幅いっぱいの範囲を持ちます。逆の場合どうなるかブロック要素をむりやり文章中に使用したらどうなるでしょうか。例)これは赤いリンゴです。style="color:red;background:#CCC;">赤い</div>リンゴです。ブロック要素は特別なCSSを使わない限り左右に要素を入れさせません。そのため1行にできません。次にインライン要素で文章全体を囲うとどうなるでしょう。例)これは赤いリンゴです。style="color:red;background:#CCC;">例)これは赤いリンゴです。</span>文章が全部赤字になっているのは共通ですが、背景色の範囲が文字の範囲と一致します。インライン要素とブロック要素の違いわかってきたでしょうか。inline-blockインラインブロックとはインラインブロックはインライン要素とブロック要素の特徴のいいとこどりをした要素です。CSSで「display:inline-block」を指定することでhtmlタグをインラインブロックにできます。インライン要素では指定できないmarginやpadding、widthを指定できる左右にインライン要素が続くwidthを指定しない場合内容に応じた幅になるtext-alignの使い方text-alignは子要素のインライン要素やinline-blockを左右に寄せるCSSです。左右に寄せるには幅が必要です。先に示したようにインライン要素は幅と文字の範囲が一致するため寄せようがありません。そこでインライン要素であるaタグの親要素をブロック要素であるdivで囲み、このdivにtext-align:rightを指定するというわけです。まとめaタグやspanなどのインライン要素やinline-blockを右寄せにするには、その要素の外側をdivで囲み、そのdivに「text-align:right」を指定しましょう。「この記事の内容がよくわからなかった...」「なんかうまくいかなかった...」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。わからないまま突き進むより基本を学ぶのが結局近道です。htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。マンガでわかるホームページ。