CSS
#bilgikutusu {
border: 1px solid gray;
padding: 8px;
}
h1 {
text-align: center;
text-transform: uppercase;
color: #4CAF50;
}
p {
text-indent: 50px;
text-align: justify;
letter-spacing: 3px;
}
a {
text-decoration: none;
color: #008CBA;
}
Html
<div id="bilgikutusu">
<h1>Google</h1>
<p>Google, İnternet araması, çevrim içi bilgi dağıtımı, reklam teknolojileri ve arama motorları için yatırımlar yapan çok uluslu Amerikan anonim şirketidir. İnternet tabanlı hizmet ve ürünler geliştirir, ek olarak bunlara ev sahipliği yapar.
</p>
<a target="_blank" href="https://www.google.com">Google Git</a>
<div style="padding-top:5px;">
Alıntı: <a target="_blank" href="https://tr.wikipedia.org/wiki/Google">https://tr.wikipedia.org/wiki/Google</a>
</div>
</div>
Çıktı

Tags:

css metin hizalama
css metin özellikleri
css metin işlemleri
css metin ortalama
css text kodları
css metin rengi değiştirme
css text rengi
css text align
css text color
css text color code
css text alignment code
css for text alignment
css text decoration nedir
css text decoration padding
css text transform
css style indentation
css text align indent
css harf arası boşluk
css for letter spacing
letter spacing css
css satır boşluk
css satır aralığı
css line height nedir
css direction of text
css set text direction
css kelime arası boşluk
css kelimeler arası boşluk
css text gölge
css text shadow examples
css text shadow kullanımı