JSFiddle - React, Tailwind, and code Playground

by Morpheus_God

HTML

<div id="message">
  <p>From: Morpheus</p>
  <p>Message:<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esea Xbox One. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam autem quos sapiente! Iure vero, minus.</p>
</div>

CSS

*{
  padding: 0;
  margin: 0;
  box-sizing:border-box;
}
#message{
  background-color: #26c6da;
  padding:10px;
  display:inline-block;
  margin:60px;
  width:350px;
  border-radius: 10px;
  position: relative;
}

#message::after{
  content:'';
  position: absolute;
  width:30px;
  height:30px;
  top:85%;
  right:10%;
  background-color: #26c6da;
  transform:rotate(20deg);
}