JSFiddle - React, Tailwind, and code Playground

by Sergio Parilli

HTML

<div class="info1">Messaggio di informazione</div>
<div class="success1">Messaggio di successo</div>
<div class="warning1">Messaggio di avvertimento</div>
<div class="error1">Messaggio di errore</div>

CSS

.info1, .success1, .warning1, .error1 {
border: 1px solid;
margin: 15px 0px;
padding:15px 20px 15px 55px;
width: 460px;
font: bold 12px verdana;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
text-shadow: 2px 2px 2px #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.info1 {
color: #00529B;
background: #BDE5F8...