Html CSS3-语音泡沫

我希望创建一个语音气泡盒，如下所示：

我想知道如何在td表元素中创建这样的“评论框”。 我怎样才能用CSS获得这个呢

我有以下HTML标记：

            <table class="forum" cellpadding="0" cellspacing="0">
                <thead>
                    <th colspan="2"></th>
                </thead>
                <tr>
                    <td class="userinfo">User Info</td>
                    <td class="text">
                    Speech Buble shoudl be here with text inside.

                    </td>
                </tr>
            </table>

用户信息
演讲稿应该在这里，里面有文字。

看看这个： 看看这个：

---

现在有一些语音气泡发生器可用

试试这个

---

可能对快速结果有用

现在有一些语音气泡发生器可用

试试这个

可能有助于快速获得结果