Birkod - CSS ile Metinler text align

CSS ile Metinler text align

Aldığı Değerler: left, right, center, justify
Kullanım Şekli: text-align: değer

Bu özelliğimiz ile yazmış olduğumuz bir metnin yerini belirtebiliriz. Örnek kodumuzda 4 kullanım şekli de yer almaktadır.

stil.css

.birkod-left {
	text-align: left;
}

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

.birkod-center {
	text-align: center;
}

.birkod-justify {
	text-align: justify;
}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>BirKod | Text-Align</title>
	<link rel="stylesheet" href="stil.css">
</head>
<body>
	<h4>Bu yazımızda <b>TEXT-ALIGN: LEFT</b> özelliği kullanılmıştır.</h4><div class="birkod-left">Bu metin birkod.tr.gg tarafından hazırlanmış olup kodların içerisinde anlamsız metinler yerine kullanılması amacı ile eklenmiştir. Metinimizde toplamda 570 karakter kullanılmıştır. Birkod sizlerin kod öğrenmenizde yardımcı olmak amacı ile çalışan bir web sitedir. Hazırlamış olduğu dersler yalnızca bu siteye özgündür. Bu nedenle başka yerlerde ulaşamayacağınız yazı içeriklerimizi özenle incelemenizde fayda vardır. Kafanıza takılan soruları mail adresimizden veya konunun yorum bölümünden bizlere sorabilirsiniz. En hızlı şekilde geri dönüş yapılacağından emin olun..</div>
	<h4>Bu yazımızda <b>TEXT-ALIGN: RIGHT</b> özelliği kullanılmıştır.</h4><div class="birkod-right">Bu metin birkod.tr.gg tarafından hazırlanmış olup kodların içerisinde anlamsız metinler yerine kullanılması amacı ile eklenmiştir. Metinimizde toplamda 570 karakter kullanılmıştır. Birkod sizlerin kod öğrenmenizde yardımcı olmak amacı ile çalışan bir web sitedir. Hazırlamış olduğu dersler yalnızca bu siteye özgündür. Bu nedenle başka yerlerde ulaşamayacağınız yazı içeriklerimizi özenle incelemenizde fayda vardır. Kafanıza takılan soruları mail adresimizden veya konunun yorum bölümünden bizlere sorabilirsiniz. En hızlı şekilde geri dönüş yapılacağından emin olun..</div>
	<h4>Bu yazımızda <b>TEXT-ALIGN: CENTER</b> özelliği kullanılmıştır.</h4><div class="birkod-center">Bu metin birkod.tr.gg tarafından hazırlanmış olup kodların içerisinde anlamsız metinler yerine kullanılması amacı ile eklenmiştir. Metinimizde toplamda 570 karakter kullanılmıştır. Birkod sizlerin kod öğrenmenizde yardımcı olmak amacı ile çalışan bir web sitedir. Hazırlamış olduğu dersler yalnızca bu siteye özgündür. Bu nedenle başka yerlerde ulaşamayacağınız yazı içeriklerimizi özenle incelemenizde fayda vardır. Kafanıza takılan soruları mail adresimizden veya konunun yorum bölümünden bizlere sorabilirsiniz. En hızlı şekilde geri dönüş yapılacağından emin olun..</div>
	<h4>Bu yazımızda <b>TEXT-ALIGN: JUSTIFY</b> özelliği kullanılmıştır.</h4><div class="birkod-justify">Bu metin birkod.tr.gg tarafından hazırlanmış olup kodların içerisinde anlamsız metinler yerine kullanılması amacı ile eklenmiştir. Metinimizde toplamda 570 karakter kullanılmıştır. Birkod sizlerin kod öğrenmenizde yardımcı olmak amacı ile çalışan bir web sitedir. Hazırlamış olduğu dersler yalnızca bu siteye özgündür. Bu nedenle başka yerlerde ulaşamayacağınız yazı içeriklerimizi özenle incelemenizde fayda vardır. Kafanıza takılan soruları mail adresimizden veya konunun yorum bölümünden bizlere sorabilirsiniz. En hızlı şekilde geri dönüş yapılacağından emin olun..</div>
</body>
</html>

Kodun Önizlemesi;

Örnek olarak resmimize baktığımız da farkettiğimiz gibi yazılar istediğimiz konumlarında...