りんりんさんへ。
会話のテンプレートを作っておきました。良かったら使ってくだされ。この記事を公開して確認してみてね。
↓のソースをテンプレートにして使ってみてね。HTML編集にしてみるとソースの仕組みが解ります。
【div class="box-pink-center】の部分の【pink】の部分を【blue】、【green】、【orlange】に変える事によって点線の色を変えられます。
下記にサンプルを置いておきます。会話を増やしたい場合はアバターアイコンの<p>～</p>までをコピペして使ってね。
解らない事があれば聞いてくだされ。ローカル上で編集しやすうように、サイトのパーツを今度送ります～

使い方は↓みたいな感じで...。
この間の画像を作っておきました。このテンプレートを使う場合はHTML編集ソフトなどがあればそれで編集した方がラクかも＾＾；
ブラウザ上のブログ編集画面ではソース見ながらだとやり難いかも・・