Perataan Teks

Termasuk bagian Menata dengan CSS dalam perjalanan HTML di Coddy. Pelajaran 21 dari 76.

Dalam CSS, property text-align digunakan untuk mengatur perataan horizontal teks di dalam elemen HTML.

Nilai umum untuk text-align mencakup:

left: Meratakan teks ke kiri. Ini adalah perataan default untuk sebagian besar teks.

right: Meratakan teks ke kanan.
center: Memusatkan teks secara horizontal di dalam elemen.

Contoh:

p {
    text-align: left;
}

h1 {
    text-align: center;
}

.right-align {
    text-align: right;
}

Tantangan

Mudah

Kamu diberi dokumen HTML dengan heading (<h1>), paragraf (<p>), dan division (<div>). Tugasmu adalah menggunakan property text-align untuk menata elemen-elemen ini. Ikuti langkah-langkah berikut:

Tulis aturan CSS yang menargetkan elemen <h1>. Atur text-align ke center.
Tulis aturan CSS yang menargetkan elemen <p>. Atur text-align ke right.
Tulis aturan CSS yang menargetkan elemen <div>. Atur text-align ke left.

Coba sendiri

<html>
<head>
    <title>Text Alignment</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading. </h1>
    <p>This is a paragraph.</p>
    <div>This is a division. </div>
</body>
</html>