Pengumuman

by RzaaL1306

HTML

<div id="didob">
<div class="log">
<span class="ico">R</span><span class="ico4">z</span></div><p>
APAKAH LOREM IPSUM ITU?</p>
<span class="kali">- x</span>
<div id="didob1">Lorem Ipsum adalah contoh teks atau dummy dalam  industri  percetakan dan penataan huruf atau typesetting. Lorem Ipsum  telah menjadi standar contoh teks sejak tahun 1500an, saat seorang  tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan  mengacaknya untuk menjadi sebuah buku contoh huruf. Ia tidak hanya  bertahan selama 5 abad, tapi juga telah beralih ke penataan huruf  elektronik, tanpa ada perubahan apapun. Ia mulai dipopulerkan pada tahun  1960 dengan diluncurkannya lembaran-lembaran Letraset yang menggunakan  kalimat-kalimat dari Lorem Ipsum, dan seiring munculnya perangkat lunak  Desktop Publishing seperti Aldus PageMaker juga memiliki versi Lorem  Ipsum.
</div>
</div>

CSS

body {
      font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
        font-size: 11px;
    color: #ddd;
  
}
#didob {
    background: none repeat scroll 0 0 #444444;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.8), 1px 3px 1px -3px #DDDDDD inset;
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.8), 1px 3px 1px -3px #DDDDDD inset;
    margin: 45px auto 37px;
    padding: 1px 1px 7px;
    width: 850px;
}
#didob1 {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #111;
    height: 340px;
    margin: 41px auto auto;
    padding: 7px;
    width: 822px;

}
#didob p {
    color: #EEEEEE;
    float: left;
    font-family: trebuchet MS,serif,sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 9px;
    margin-left: 15px;
    margin-top: 12px;
}
.log {
    background: none repeat scroll 0 0 #FF2222;
    box-shadow: 1px -1px 0 0 #AAAAAA, 2px -2px 0 0 #EEEEEE, 3px -3px 0 0 #111111;
    float: left;
    margin-left: 6px;
    margin-top: 7px;
    padding: 3px;
}
.ico {
    color: #eee;
    font-family: verdana,sans-serif;
    font-size: 17px;
    font-weight: bold;
}
.ico4 {
    color: #DDD;
    font-size: 11px;
    font-weight: bold;
}
.kali {
    color: #EEEEEE;
    float: right;
    font-family: arial;
    font-size: 20px;
    letter-spacing: 8px;
    margin-right: 12px;
    margin-top: 6px;
}