Metin Hizalama

Coddy'nin HTML Journey'sinin Styling with CSS bölümünün bir parçası — ders 21 / 76.

CSS'de, text-align özelliği bir HTML öğesi içindeki metnin yatay hizalamasını kontrol etmek için kullanılır.

text-align için yaygın değerler şunlardır:

left: Metni sola hizalar. Bu, çoğu metin için varsayılan hizalamadır.

right: Metni sağa hizalar.
center: Metni öğe içinde yatay olarak ortalar.

Örneğin:

p {
    text-align: left;
}

h1 {
    text-align: center;
}

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

Görev

Kolay

Size bir başlık (<h1>), bir paragraf (<p>) ve bir bölüm (<div>) içeren bir HTML belgesi verilmiştir. Göreviniz, bu öğeleri stillendirmek için text-align özelliğini kullanmaktır. Aşağıdaki adımları izleyin:

<h1> öğesini hedefleyen bir CSS kuralı yazın. text-align değerini center olarak ayarlayın.
<p> öğesini hedefleyen bir CSS kuralı yazın. text-align değerini right olarak ayarlayın.
<div> öğesini hedefleyen bir CSS kuralı yazın. text-align değerini left olarak ayarlayın.

Kopya kağıdı

text-align özelliği, bir öğe içindeki metnin yatay hizalamasını kontrol eder.

Yaygın değerler:

left: Metni sola hizalar (varsayılan)
right: Metni sağa hizalar
center: Metni yatay olarak ortalar

p {
    text-align: left;
}

h1 {
    text-align: center;
}

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

Kendin dene

<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>