Просмотр поста

.
ramzes

Andrei4ik93, для примера, уголок исходящего сообщения:

.p-out:after {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 8px solid #EFF4F9;
    margin-top: -15px;
    float: right;
}

.p-out - блок сообщения
.p-out {
    margin-left: 25%;
    margin-right: 6px;
}

отступ от левого края, как бы обозначает что сообщение исходящее, у входящего соответственно отступ справа