特殊タグを使用したデザインの紹介

特殊タグを使用したデザインの紹介その2

LINE風画面の再現です。
「特殊タグを使用したデザインの紹介その1」でLINE風画面のタグが見づらかった場合はこちらを御覧ください。

大枠となるboxには「w100%」の他、背景色と外枠のみを設定。
内枠(メッセージ部分)には大枠同様、横幅と、こちらには文字が見やすいようpadding(余白)をつけています。
中のメッセージ部分(ふきだしもどき)にはtableタグを使用しているので、メッセージを増やすときはその部分をまるまるコピペしてください。

---

ここに相手の名前

既読

ここにテキストが入ります

▶

◀

ここにテキストが入ります

既読

イイネ

　

い!

　

既読

ダメ

　

う!

　

既読

するよ

　

☎!

　

既読

キュン

　

❤!

　

既読

やったー！

　

(≧▽≦)

　

既読

熱盛　

＋