Css 显示-文本侧图像，div内开<；李>；

我有以下情况（我用图像表示）：

第一种情况：在下图中有一个小文本，并且已经遇到了第一个问题。我的列表的边缘也不符合图片的要求：（。希望她总是没有收到我的消息，不管消息大小

第二种情况：当我们有一个很长的文本，它不服从他最终下降（没有得到图像的一边）

我预期的结果如下：

我的css中一定有一些一致性，因为我不是这方面的专家，只是知道我在一些事情上的做法。有人设法来帮助我吗？按照我的文件JSFIDLE。已经非常感谢投入的时间：）

li{
边框底部：1px纯色灰色；
文本对齐：左对齐；
显示：块；
}
.聊天窗口用户img>img{
高度：50px；
宽度：50px；
浮动：左；
填充物：5px；
}
.聊天窗口用户消息{
方向：ltr；
空白：预换行；/*CSS3*/
空白：-moz预包装；/*Firefox*/
空白：-pre-wrap；/*Opera这两个问题都可以通过
溢出：auto
解决，这是我最近才学会的一个有用技巧：

添加到
。聊天窗口用户消息
：

display: block;
overflow: auto;

（一个
也可以工作，而不是
显示：块
）

到
li
：

overflow: auto;

示例：

另请参见：
这两个问题都可以通过
溢出：自动
解决，这是我最近才学会的一个有用技巧：

添加到
。聊天窗口用户消息
：

display: block;
overflow: auto;

（一个
也可以工作，而不是
显示：块
）

到
li
：

overflow: auto;

示例：

另请参见：
威尔。聊天窗口用户消息“有固定宽度吗？如果是：你好，朋友，我想你不明白这个问题。威尔。聊天窗口用户消息”有固定宽度吗？如果是：你好，朋友，我想你不明白这个问题。这就是我希望的朋友：）我已经尝试过这个，但使用不同的组合，嘿，怎么办od现在值得学习！非常感谢您的时间！干杯！@Igao-没问题。很高兴帮助
：）
这是我希望的朋友：）我已经尝试过这个，但有不同的组合，嘿，现在什么好东西值得学习！非常感谢您的时间！干杯！@Igao-没问题。很高兴帮助
：）