Text Alignment

CSS text-align

Apa itu CSS text-align?

CSS text-align adalah sebuah properti yang dimana mengatur posisi text pada html sesuai yang di inginkan.

Properti CSS text-align

Properti text-align memiliki beberapa posisi yang sering digunakan, seperti :

  • text-align: center; - Mengubah posisi text pada HTML menjadi ke tengah.
  • text-align: left; - Mengubah posisi text pada HTML menjadi rata kiri.
  • text-align: start; - Mengubah posisi text pada HTML menjadi rata awal.
  • text-align: right; - Mengubah posisi text pada HTML menjadi rata kanan.
  • text-align: end; - Mengubah posisi text pada HTML menjadi rata akhir.
  • text-align: justify; - Mengubah posisi text pada HTML menjadi rata kiri dan kanan, sehingga terlihat lebih rapih.

HTML yang digunakan :

<body>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dicta fugiat ducimus soluta impedit! Magni nisi fugiat similique blanditiis, tempore voluptates quibusdam perspiciatis iusto tenetur commodi amet sunt dolores sit libero.</p>
</body>

Contoh penggunaan text-align: center;:

p {
    text-align: center;
}

Contoh penggunaan text-align: left; :

p {
    text-align: left;
}

Contoh penggunaan text-align: start; :

p {
    text-align: start;
}

Contoh penggunaan text-align: right; :

p {
    text-align: right;
}

Contoh penggunaan text-align: end; :

p {
    text-align: end;
}

Contoh penggunaan text-align: justify; :

p {
    text-align: justify;
}

Referensi : https://www.w3schools.com/Css/css_text.asp

← Outline
Text Decoration →