JSFiddle - React, Tailwind, and code Playground

HTML

<div class="message_wrapper">
 <div class="message">
 Sample Text Message from User A
 </div>
</div>

<div class="message_wrapper right">
 <div class="message">
 Sample Text Message from User B
 </div>
</div>

CSS

.message_wrapper{
  width:200px;
  height:80px;
  background:#fff;
  border:1px solid #000;
}

.message{
  color:#000;
}

.right{
  float:right;
}