css ile yazıyı ortalama

CSS ile Yazıyı Dikey Ortalama

Bu yazımda size CSS ile yazıyı dikey ortalama işleminin yapılışını anlatacağım. Normalde tek satırlık metinlerde ortalama işlemi yaparken line-height kullanıyoruz hepimiz fakat bu yazı 2 ve üzeri satır sayısına ulaştığında bu işlemi kullanamıyoruz.

Gelelim Kod Yapısına;

#paragraf id’li bir div açtık ve bunun içine p tagı açıyoruz. p tagının içini istediğiniz yazı ile doldurun.

#paragraf‘ın css kodlarında display: table; yazarak div‘imizi tabloya çeviriyoruz.
Daha sonra #paragraf‘ın içindeki p tagına display: table-cell; kodunu ekledikten sonra dikey ortalama işlemini yapmak için vertical-align: middle; kodlarını yazıyoruz.

Ve Sonuç:

Merhaba! Ben Burak. 2016 yılında Karadeniz Teknik Üniversitesi Harita Mühendisliği Bölümü’nden mezun oldum. Lise yıllarında HTML & CSS‘e, Üniversite yıllarında WordPress ve Matlab‘e adım attım. Lisans tezimi Matlab üzerinden program yazarak teslim ettim. Çeşitli projeler için WordPress tabanlı yazılımlar geliştirdim.

5 Yorum

Bir cevap yazın

This site uses Akismet to reduce spam. Learn how your comment data is processed.