CSS text-align adalah sebuah properti yang dimana mengatur posisi text pada html sesuai yang di inginkan.
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