聊天框中的Css对齐

我在对齐应用程序中的聊天框时遇到问题。发件人和收件人的聊天框重叠

下面是每个块上使用的css类

---

提前感谢

增加值边距尝试使用边距底部边距为块的外侧留出空间

增加值边距尝试使用边距底部边距为块的外侧留出空间

为白色和蓝色块分配单独的

下面是证明这一点的代码。

*{
字体系列：“arial”；
}
白濸楼{
背景色：#d5dfed；
边界半径：10px；
填充：10px 0 10px 10px；
宽度：60%；
边缘顶部：10px；
}
·蓝濸大厦{
背景色：rgba（0、150、255、1）；
边界半径：10px；
填充：10px 0 10px 10px；
宽度：60%；
边缘顶部：10px；
浮动：对；
}

校园的报价太高，请重新考虑价格

L

这是我们能提供的最优惠价格

为白色和蓝色块分别指定

下面是证明这一点的代码。

*{
字体系列：“arial”；
}
白濸楼{
背景色：#d5dfed；
边界半径：10px；
填充：10px 0 10px 10px；
宽度：60%；
边缘顶部：10px；
}
·蓝濸大厦{
背景色：rgba（0、150、255、1）；
边界半径：10px；
填充：10px 0 10px 10px；
宽度：60%；
边缘顶部：10px；
浮动：对；
}

校园的报价太高，请重新考虑价格

L

这是我们能提供的最优惠价格

您的目标是什么？请在不查看代码的情况下显示HTML代码我们将无法提供适合您的解决方案您的目标是什么？请在不查看代码的情况下显示HTML代码我们将无法提供适合您的解决方案

        .white_block
        {
           background-color: #d5dfed; 
           border-radius: 10px; 
           padding: 10px 0 10px 10px; 
           width: 60%; 
           margin-top: 10px;
        }
        .blue_block
        {
            background-color: rgba(0, 150, 255, 1); 
            border-radius: 10px;
            padding: 10px 0 10px 10px;
            width: 60%;
            margin-top: 10px;
            float: right;
        }