textarea{border:1px dashed #888;border-radius:5px;width:80%;overflow:auto;background:#f7f7f7}.received,.sent{position:relative;font-family:arial;font-size:1.1em;border-radius:10px;padding:20px;margin-bottom:20px}.received:after,.sent:after{content:'';border:20px solid transparent;position:absolute;margin-top:-30px}.sent{background:#03a9f4;color:#fff;margin-left:10%;top:50%;text-align:right}.received{background:#4caf50;color:#fff;margin-left:10px;margin-right:10%}.sent:after{border-left-color:#03a9f4;border-right:0;right:-20px}.received:after{border-right-color:#4caf50;border-left:0;left:-20px}.user{font-size:.8em;font-weight:bold;color:#000}