TULISAN DALAM KOTAK (BAGUS)

CONTOH KOTAK  UNTUK JUDUL

Codingnya
1

<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: #6ddb98; border-left: 25px solid green; padding: 5px; t-align: left;">
<span style="color: white;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">TULISAN DISINI </span></span></div>

2

<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: ghostwhite; border-left: 5px solid red; padding: 20px; t-align: left;">
<span style="color: black;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">TULISAN DISINI </span></span></div>
<br />

3.

<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: #f3f3f3; border-left: 10px solid #2288dd; padding: 10px; radius: 2px; t-align: left;">
TULISAN DI SINI</div>

4.

<div style="background: rgb(238, 255, 245); border-left: 7px solid rgb(21, 197, 29); margin: 0.5em 2em; padding: 1em 1.5em 1em 2.5em; position: relative;">
<div style="color: #383838; font-style: italic;">
<span style="font-family: trebuchet ms, sans-serif;">hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</span></div>
</div>

5. 

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Ari Sudibyo</div>

6.

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FEBF80; border-left: 5px solid #FF3300; border-radius: 10px; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

7. 




CONTOH KOTAK UNTUK TULISAN PENTING DI POST/ARTIKEL

Codingnya
1. Rata Kiri-kanan

<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: turquoise; border-left: 10px solid #4fee0f; border: 10px; padding: 10px; t-align: left;">
MakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakan</div>

2. Rata Tengah (Rekomendasikan )

<div color:="" style="background: rgb(238, 255, 245); border-left: 7px solid rgb(21, 197, 29); font-style: italic; margin: 0.5em 6em; padding: 1em 1.5em 1em 2.5em; position: relative;" white="">
<span style="color: #a64d79; font-family: &quot;trebuchet ms&quot; , sans-serif;">TULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGS</span></div>

<div style="background: none 0% 0% repeat scroll rgb(242, 248, 253); border-left: 6px solid rgb(203, 222, 240); height-max: 100px; margin-left: 40px; overflow: auto; padding: 5px 10px 5px 15px; width: 70%;">
TES UJIAN</div>

<div style="background-color: red; padding: 8px; text-align: left;">
</div>
<div style="background-color: green; padding: 8px; text-align: left;">
<span style="color: white; font-size: large;">
MCB (Miniature Circuit Breaker)</span></div>

<div style="background-color: #82cafa; border: 0; padding: 10px; text-align: left;">
Kode Script Anda </div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">
Kode Script Anda</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">
Kode Script Anda Disini</div>

<div style="background-color: #57aa52; border: 2px #610b38 dashed; padding: 10px;">
Kode Script Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">
Kode Script Anda Disini</div>

TULISAN DISINI

REKOMENDASI

JUDUL

<div style="background: rgb(238 , 255 , 245); border-left: 15px solid rgb(21 , 197 , 29); margin: 0.5em 0em; padding: 1em 1em 1em 1em; position: relative; width: 160px;">
<div style="color: #383838;">
<span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><b>Memulai Zelio Soft 2</b></span></div>
</div>

RANGKUMAN

<div style="background: rgb(238, 255, 245); border-left: 7px solid rgb(21, 197, 29); margin: 0.5em 2em; padding: 1em 1.5em 1em 2.5em; position: relative;">
<div style="color: #383838; font-style: italic;">
<span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</span></div>
</div>

Memulai Zelio Soft 2