ウェブサイトで敬具/謹白/草々などの位置を指定する

Published on:
Last updated:

This post is also available in: 日本語 (Japanese)

そもそもWEBサイトやホームページで 拝啓/敬具 や 謹啓/謹白 を使うなよってツッコミは置いておいて、たまに聞かれたり必要になったりしますので、メモ代わりに書き残しています。

以下は、敬具/謹白/草々 などの位置を文章の右端に綺麗に表示する方法です。
レスポンシブデザインでWEBサイトの幅が可変の時に特に役に立つのかなと思います。

text-align right は、おなじみのテキストの右寄せ
width 100% は、WEBサイトの表示幅が小さくなった時に常に右端に表示するための対応
max-width 800px は、WEBサイトの表示幅が最大(例えば800px)以上の時に常に右端に表示するための対応

<div style="text-align:right; width:100%; max-width: 800px;">敬具</div>
No tags for this post.

About
Kuniyoshi Takemoto is the founder of Amelt.net LLC, and editor of this blog(www.amelt.net).Learn more and follow me on LinkedIn.