Chat Box
<style>
* { box-sizing: border-box; }
.chat {
position:relative;
background-color:#fcddb8;
width:160px;
border-radius:10px 0 10px 10px;
padding:8px 16px;
margin:5px;
}
.chat::after {
content:'';
position:absolute;
right:-20px;
top:0;
border:10px solid transparent;
border-left-color:#fcddb8;
border-top-color:#fcddb8;
}
</style>
<div class="chat">Hello this is a chat box..!</div>
Hello this is a chat box..!
.chat{
background-color:#fcddb8;
}
Hello this is a chat box..!
.chat{
background-color:#fcddb8;
border-radius:0;
}