kotak

Konten [Tampil]

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">saifullah.id (ganti tulisan ini).</div><br/>

<div style="border: 3px #1780dd Dashed; padding: 10px;background-color:#ffffff;
text-align: left;">
saifullah.id (ganti tulisan ini).</div><br/>

<div style="border: 3px #1780dd Dotted; padding: 10px;background-color:#ffffff;
text-align: left;">
saifullah.id (ganti tulisan ini).</div><br/>

<div style="border: 3px #1780dd Groove; padding: 10px;background-color:#ffffff;
text-align: left;">
saifullah.id (ganti tulisan ini).</div><br/>

<div style="border: 3px #1780dd Inset; padding: 10px;background-color:#ffffff;
text-align: left;">
saifullah.id (ganti tulisan ini).</div><br/><br/>

<div style="border: 3px #1780dd Outset; padding: 10px;background-color:#ffffff;
text-align: left;">
saifullah.id (ganti tulisan ini).</div><br/>

<div style="border: 3px #1780dd Ridge; padding: 10px;background-color:#ffffff;
text-align: left;">
saifullah.id (ganti tulisan ini).</div><br/>

<div style="border: 3px #1780dd Solid; padding: 10px;background-color:#ffffff;
text-align: left;">
saifullah.id (ganti tulisan ini).</div><br/>

Keterangan:

1. border: 3px = ketebalan kotak script.
2. #1780dd = warna kotak script.
3. Double = bentuk kotak script.
4. padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
5. background-color:#ffffff; = warna dalam kotak.
6. text-align: left; = posisi tulisan didalam kotak di kiri

CARA MENGGUNAKAN