JSFiddle - React, Tailwind, and code Playground

by Clear

HTML

<div class="shout-corpo">Prova</div>

CSS

.shout-corpo {
    background: #e2e2e2 url(http://www.dvdimagehosting.altervista.org/images/riflesso.png) repeat-x top left;
    box-sizing: border-box;
    height: 24px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    line-height: 22px;
    padding-left: 4px;
    padding-right: 4px;
    color: #000;
    font-size: 9px;
    box-shadow: inset 0px -2px 0px #c8c8c8;
    -moz-box-shadow: inset 0px -2px 0px #c8c8c8;
    -webkit-box-shadow: inset 0px -2px 0px #c8c8c8;
    margin: auto auto;
    width: 200px;
    position: relative;
}

.shout-corpo:before {
    background: transparent url(http://www.dvdimagehosting.altervista.org/images/shoutbox.png) no-repeat;
    height: 25px;
    width: 27px;
    position: absolute;
    top: -2px;
    left: -27px;
    content: ' ';
}