Contoh 1 : ( otomatis )
- Teks rata tengah = text-align: center; center bisa diganti dengan left, right, justify
- Background warna = background-color: #cf32f3 bisa Anda ubah sesuai warna yang di inginkan
- Border = border: 1px solid, bisa Anda atur ketebalan garis luarnya
Coba perhatikan kode berikut :
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; text-align: center;">
BLOG AGUNG WIDAGDO
</p>
( Gantilah tulisan berwarna biru sesuai dengan kalimat teks Anda )
BLOG AGUNG WIDAGDO
Contoh 2 : ( manual )
Anda juga bisa mengatur lebar dan tinggi kotak secara manual, misalnya kita akan mengatur Lebar Kotak menjadi 300px dan Tinggi Kotak 70px. Perthatikan scrypt di bawah ini :
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; width:300px; height:70px; background-color: #cfe2f3; text-align: center;">
BLOG AGUNG WIDAGDO
</p>
Hasilnya
BLOG AGUNG WIDAGDO
Sekian dulu Tutorial Cara Membuat Kotak Teks kali ini semoga dapat bermanfaat.