Cara membuat teks area atau kotak teks (text box)

Cara membuat teks area atau kotak teks (text box) adalah sebagai berikut:
Perhatikan kode dibawah ini:

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; text-align: center;">
CONTOH TEXT
</p>

Hasilnya seperti ini:

CONTOH TEXT

Keterangan:
1. Posisi Teks= text-align: center; adalah untuk posisi di tengah, center bisa diganti dengan left, right atau justify
2. Background warna= background-color: #cf32f3 bisa Anda ubah sesuai warna yang di inginkan
3. Border= border: 1px solid, bisa Anda atur ketebalan garis luarnya
4. Tulisan EPULJAPANESE BLOG= Silahkan anda ganti dengan tulisan anda, atau gambar anda.
5. Untuk menentukan lebar dan tinggi kotak teks bisa kita tambahkan kode: width:250px; dan height:100px; (250px, 100px bisa anda ganti sesuai keinginan kita), contohnya sebagai berikut:

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; width:250px; height:100px; text-align: center;">
EPULJAPANESE BLOG
</p>

Hasilnya seperti ini:

EPULJAPANESE BLOG

Sumber: