Cara membuat teks rata kanan, kiri, tengah dan justify

Diposting pada

Cara membuat teks rata kanan, kiri, tengah dan kiri-tengah(justify) pada HTML

Untuk membuat format penulisan Text rata kiri (left) , kanan (right), tengah (center) dan kiri-tengah (justify) pada bahasa Markup HTML atau di blog sebagai berikut :

Pengaturan Format tulisan (text-align) pada satu paragraf.

Mengatur penulisan Text rata kiri menggunakan Syntax “text-align:left”
Contoh :
<div style=’text-align:left;’> ini contoh rata kiri</div>
atau
<p style=’text-align:left;’> ini contoh rata kiri</p>
hasilnya :
ini contoh rata kiri

Mengatur penulisan Text rata kiri menggunakan Syntax “text-align:right”
Contoh :
<div style=’text-align:right;’> ini contoh rata kanan</div>
atau
<p style=’text-align:right;’> ini contoh rata kanan</p>
hasilnya :

ini contoh rata kanan

Mengatur penulisan Text rata kiri menggunakan Syntax “text-align:center”
Contoh :
<div style=’text-align:center;’> ini contoh rata tengah</div>
atau
<p style=’text-align:center;’> ini contoh rata tengah</p>
hasilnya :

ini contoh rata tengah

Mengatur penulisan Text rata kiri menggunakan Syntax “text-align:justify”
Contoh :
<div style=’text-align:justify;’> ini contoh rata kiri-kanan</div>
atau
<p style=’text-align:justify;’> ini contoh rata kiri-kanan</p>
hasilnya :
ini contoh rata kiri-kanan

Related Post:

Pengaturan Format tulisan (text-align) pada satu kalimat.

Mengatur penulisan Text rata kiri menggunakan Syntax “text-align:left”
Contoh :
<span style=’text-align:left;’> ini contoh rata kiri</span>
hasilnya :
ini contoh rata kiri

Mengatur penulisan Text rata kiri menggunakan Syntax “text-align:right”
Contoh :
<span style=’text-align:right;’> ini contoh rata kanan</span>
hasilnya :

ini contoh rata kanan

Mengatur penulisan Text rata kiri menggunakan Syntax “text-align:center”
Contoh :
<span style=’text-align:center;’> ini contoh rata tengah</span>
hasilnya :

ini contoh rata tengah

Mengatur penulisan Text rata kiri menggunakan Syntax “text-align:justify”
Contoh :
<span style=’text-align:justify;’> ini contoh rata kiri-kanan</span>
hasilnya :
ini contoh rata kiri-kanan 

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *