聊天收到消息和发送消息的p标记位置

Question

我有一个小问题，我无法弄明白，我在p标签中发送了一条消息，并在一个div标签中收到了ap标签中的消息，当我发送消息时，我需要它在收到的消息不在中间或者最初，知道我在右边发送的那两条消息是在收到左边的那两条消息后我尝试了“位置：相对”和太多其他解决方案但是我没有找到密钥它可以帮助身体吗？即时通讯使用html5，css和javascript。

这是我的消息的样子：

<div> 
<div id="chat" style=" background-image:url(images/logos/backg.jpg);height: 400px;overflow: auto;"> 
<br> 
<p style="float:left" id="msg"></p> <br> <p style="float:right; position: relative;" id="msge"></p> 
</div> 
<input id="msgg" type="text" style=" background-color: white;width:100%" > 
<input type="button" value="Send" id="send" class="login-button button button-small button-green button-fullscreen full-bottom" > 
</div>