文字氣泡自適應寬度

實現聊天氣泡效果，如圖所示：

<dl>
    <dt>15:20:36</dt>
    <dd>
        <img src="images/c_left_tip.png" alt="">
        <div>
             <p>
                在必定價值投資的前提下，注重長短時間結合交易在必定價值投資的前提下訂價值投資的前提下
             </p>
        </div>
    </dd>        
</dl>

p的內容要自適應文字寬度因此不能設置固定寬度，可是要和左邊的img顯示在一行，用float實現，沒有寬度是不行的，因此關鍵是給p標籤外面加一層div，而後給這個div設置寬度就OK啦！