Metin Hizalama

Coddy'nin HTML Journey'sinin CSS ile Stil Verme bölümünün bir parçası. Ders 21 / 76.

CSS'te 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.

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>