Eskiden tablolarla yaptığımız işlemleri şimdi css ile yapmaktayız. Fakat div lerde bazen eskiden tablolarda olduğu gibi rahat davranamıyoruz diyecem yalan... css size birçok rahatlık sağlıyor sadece bilmek yeterli.. bu yazıda css ile div leri ve divlerin içindeki yazıları ortalamayı göstereceğim.

öncelikle bir div tagı oluşturalım.

<div id="divortala">
     Bildiklerimiz.net yeni bilgi paylaşım platformu...
</div>

şimdi bu div imiz için id miz "divortala" isminde bunun css kodunu yazalım..

#divortala
 {
   width: 500px;
   margin-right: auto;
   margin-left: auto;
 }

css de öncelikle bu div in genişliğini belirtiyoruz ben 500 px olarak verdim.. sonra geriye kalan sağdan ve soldan bu divi sayfa içerisinde ortalama, bunun için margin-right : auto ve margin-left: auto bu da oluşturmuş olduğumuz 500px lik divortala id sine sahip divimizi sayfa içerisinde ortalamamızı sağlamış oldu.

bir de div için deki yazıları ortalamaya gelelim aynı div tagına üzerinde sadece iç ortalamayı yapalım.

#divortala
 {
  text-align: center;
 }

text-align : center ilgili div in içerisindeki tüm yazıları ortalamanızı sağlar

sağa sola yaslamak için : text-align :justify ;

sadece sağa yaslamak için : text-align:right;

sadece sola yaslamak için : text-align: left;

css kodumuzun son hali 

#divortala
  {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
  }

görüşmek dileğiyle...

www.bildiklerimiz.net 

Veysel APARI

2147 görüntüleme

CSS

Yorumlar

Adınız Soyadınız

Mail Adresiniz

Doğrulama Kodu