Merhaba Arkadaşlar Bügün size Css Message Boxes 1.1 Hata,İkaz,Uyarı,Bilgi Gibi mesaj hataları içermekte

Css

.hata, .ikaz, .tamam, .bilgi {
   margin-bottom: 1.5em;
   padding: 1em 1.5em 1em 5.5em;
   border-bottom: 2px solid #fff;
   border-top: 2px solid #fff;
   color: #444 }
 
.hata    {background: #fbe3e4 url(https://img.webme.com/pic/h/hibycocuk/hatac.png) 2.2em center no-repeat; border-color: #e0011b}
.hata a  {color: #d12f19}

.ikaz    {background: #fff6bf url(https://img.webme.com/pic/h/hibycocuk/ikazc.png) 2.2em center no-repeat; border-color: #ffd324}
.ikaz a  {color: #817134}

.tamam   {background: #e9ffdd url(https://img.webme.com/pic/h/hibycocuk/tamamc.png) 2.2em center no-repeat; border-color: #72c868}
.tamam a {color: #529214}

.bilgi   {background: #e2ecee url(https://img.webme.com/pic/h/hibycocuk/bilgic.png) 2.2em center no-repeat; border-color: #9ddae6}
.bilgi a {color: #2d7ba2}
 
/* listeler */
.hata ul, .ikaz ul, .tamam ul, .bilgi ul {
   list-style: none;
   margin: 1.3em 1.5em }
 
.hata ul li  { background: url(https://img.webme.com/pic/h/hibycocuk/hata-bulletd.png)  0 0.55em no-repeat }
.ikaz ul li  { background: url(https://img.webme.com/pic/h/hibycocuk/ikaz-bulletc.png)  0 0.55em no-repeat }
.tamam ul li { background: url(https://img.webme.com/pic/h/hibycocuk/tamam-bulletd.png) 0 0.55em no-repeat }
.bilgi ul li { background: url(https://img.webme.com/pic/h/hibycocuk/bilgi-bulletc.png) 0 0.55em no-repeat }

Htm

<div class="hata">YAZI BURAYA</div>
<div class="ikaz">YAZI BURAYA</div>
<div class="bilgi">YAZI BURAYA</div>
<div class="tamam">YAZI BURAYA</div>