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

記事公開日:
最終更新日:

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.

About
Amelt.net,LLCの創業者で、費用対効果の高い統合webマーケティングによりビジネスパートナーとして継続的にサポート。詳しいより。ブログの更新情報TwitterLinkedIn、またRSSfeedlyにてお知らせしていますのでフォローよろしくお願い致します。