将图像放置在div (聊天气泡)旁边

Question

我有一个用户的图片旁边的一个“聊天泡泡”，但图像显示后，气泡。

如何在聊天泡泡前定位图像并坚持到div上？

我的代码在这里：http://www.codepen.io/anon/pen/fFxtl

谢谢。

Answer 1

这就是你想达到的目标吗？

http://www.codepen.io/anon/pen/afyuj

.bubble2{
 float:left 

}

.bubble
{
text-align:left;
color:black;
float:left;
position: relative;
background: gray;
border-left: 2px solid #e67e22;
margin-bottom:3%;
margin-left:0;
padding:5px;
}

.bubble h4 {text-align:left;font-size:14px;font-weight:bold;font-variant:small-caps;clear:both;margin-bottom:3px;padding:0;margin-top:-5px;color:#2ecc71;}
.bubble span {font-size:17px;line-height:1px;font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;}