cara membuat kotak pada posting blog

Pada kesempatan ini saya akan share bagaimana cara membuat kotak dengan border pada posting, biasanya kotak ini digunakan untuk memposting kode HTML,Javescript. Selain untuk menuliskan kode tersebut kotak ini juga dapat mempercantik tampilan posting anda, karena kita dapat merubah dari border sampai background yang kita inginkan. Berikut cara membuat kotak pada posting blog.

Dalam pembuatan kotak ini anda harus dalam mode HTML bukan dalam mode Compose.
Contoh:

<p style="border-right: #6c7a7d 1px inset; padding-right: 30px; border-top: #c00000 1px inset; padding-left: 30px; margin-left: 20px; border-left: #6c7a7d 1px inset; margin-right: 70px; border-bottom: #6c7a7d 1px inset"> <font color="#ff0000"> ISI ARTIKEL ANDA </font> </p>

dan hasilnya seperti ini :

ISI ARTIKEL ANDA

selamat mencoba