Notepad’i ya da kullandığımız metin editörünü açalım.
Temel Kodlar
Temel kodları yazmaya başlayalım.
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS'te Ortalama</title></head> <body></body></html>
Şimdi body taglerinin aralarına bir metin yazalım.
Burası ortalanacak metindir.
Bu dosyayı html olarak kaydettiğinizde metnin solda olduğunu göreceksiniz.
Stil Değişiklikleri
Metni öncelikle div içerisine alalım.
Burası ortalanacak metindir.
Sonra da style tag’leri arasına stil kodlarını yazalım.
CSS'te Ortalama
Arkaplanı kırmızı yaptık ki ne yaptığımız belli olsun. Bu kırmızı alanın 400px olmasını istiyoruz.
#wrapper {background: #F00; width: 400px;}
Son olarak metnimizi ortalamak için margin tag’ını kullanalım.
#wrapper {background: #F00; width: 400px; margin:0 auto;}