Membuat petak ringkas di posting

Di bawah beberapa contoh petak dan kode menggunakan <div style=" "> yang boleh diletakkan di Edit HTML posting.

<div style="border: 1px black solid; height: 45px; width: 150px;">
</div>

hasilnya,

Memuatkan teks ke dalam petak,

<div style="border: 1px black solid; height: 45px; padding-left: 5px; padding-right: 5px; width: 150px;">
<div align="left">
merah biru hijau kuning hitam putih</div>
</div>

hasilnya,

merah biru hijau kuning hitam putih

Mengubah kedudukan petak, mengubah ketebalan garisan tepi dan warnanya,

<div align="center">
<div style="border: 5px blue solid; height: 45px; padding-left: 5px; padding-right: 5px; width: 150px;">
<div align="left">
merah biru hijau kuning hitam putih</div>
</div>
</div>

hasilnya,

merah biru hijau kuning hitam putih

Mengubah warna latar dan warna teks,

<div align="center">
<div style="background-color: red; border: 5px blue solid; height: 45px; padding-left: 5px; padding-right: 5px; width: 150px;">
<div align="left">
<span style="color: white;">merah biru hijau kuning hitam putih</span></div>
</div>
</div>

hasilnya,

merah biru hijau kuning hitam putih

Setiap warna boleh ditukar dengan kode warna, contoh,

<div align="center">
<div style="background-color: #f3f3f3; border: 5px #999999 solid; height: 45px; padding-left: 5px; padding-right: 5px; width: 150px;">
<div align="left">
<span style="color: #073763;">merah biru hijau kuning hitam putih</span></div>
</div>
</div>

hasilnya,

merah biru hijau kuning hitam putih

Mengubah saiz petak,

<div align="center">
<div style="background-color: #f3f3f3; border: 5px #999999 solid; height: 200px; padding-left: 5px; padding-right: 5px; width: 300px;">
<div align="left">
<span style="color: #073763;">merah biru hijau kuning hitam putih</span></div>
</div>
</div>

hasilnya,

merah biru hijau kuning hitam putih

dan padamkan height: 45px; dan width: 150px; dan beberapa tag lain, menjadikan kode seperti ini,

<div style="background-color: #f3f3f3; border: 5px #999999 solid; padding-left: 5px;">
merah biru hijau kuning hitam putih</div>

hasilnya,

merah biru hijau kuning hitam putih

Gunakan kreativiti anda dalam menggunakan tag, selamat mencuba!!