CSSだけで点線の吹き出しを作る方法

吹出口まで含め、枠が点線となる吹き出しをCSSだけで作れます。

完成イメージ

コード<div class="balloon"> <p>ここにテキストが入ります。</p></div>.balloon { position: relative; max-width: 400px; padding: 20px 8px; text-align: center; background-c