Letak tulisan dalam kotak pada posting

Ramai yang ingin mengetahui bagaimana meletakan text didalam kotak atau membuat border pada text di halaman posting.ikut tutorial dibawah:

1.SOLID

Tulisan/script HTML atau artikel blog letakkan disini

code:
<div style="border: 1px solid #000000; background-color:#A9F5A9; padding: 5px;width: 330px;">Tulisan/script HTML atau artikel blog letakkan disini</div&gt

2.DOTTED

Tulisan/script HTML atau artikel blog letakkan disini

code:
<div style="border: 1px dotted #000000; background-color:#81F7F3; padding: 5px;width: 540px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

3.DASHED

Tulisan/script HTML atau artikel blog letakkan disini

code:
<div style="border: 1px dashed #faac58; background-color:#F4FA58; padding: 5px;width: 540px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

4.DOUBLE

Tulisan/script HTML atau artikel blog letakkan disini

code:
<div style="border: 4px double #000000; background-color:#BDBDBD; padding: 5px;width: 540px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

5.GROOVE

Tulisan/script HTML atau artikel blog letakkan disini

code:
<div style="border: 4px groove #000000; background-color:#FFFFFF; padding: 5px;width: 540px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

6.OUTSET

Tulisan/script HTML atau artikel blog letakkan disini

<div style="border: 4px outset #000000; background-color:#FA5858; padding: 5px;width: 540px;">Tulisan/script HTML atau artikel blog letakkan disini</div>

Tukar perkataan Tulisan/script HTML atau artikel blog letakkan disini kepada text atau html anda.
Selamat mencuba!