サイトアイコン Amelt.net

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

Amelt

Amelt

This post is also available in: English-US (英語)

そもそも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.