CSS ile Ortalamak

23 Haziran 2011

CSS ile Ortalamak

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