Hatam nerede ? Text-aling çalışmıyor

29-09-2017, 10:24:04

Arkadaşlar selamlar,
Görüldüğü üzere text-aling:center yaptığımda tam ortalamıyor. Soldan bi 250px kadar boşluk bırakıyor sadece.
Hatam nerede ?

29-09-2017, 10:26:55

#2

fatihemre

text-align:center kodunu container'a vermen gerekir. display:inline olan bir elementin block seviyesinde olmadığı için içerisindeki ögeleri ortalayamazsın bu şekilde.

29-09-2017, 10:27:15

#3

gulan

display: inline olduğu için

Silerseniz düzelir.

29-09-2017, 10:33:49

#4

Rare

gulan adlı üyeden alıntı: mesajı görüntüle

display: inline olduğu için

Silerseniz düzelir.

Nereyi silebilirim hocam anlamadım tam ?

bayGaReZ adlı üyeden alıntı: mesajı görüntüle

text-align:center kodunu container'a vermen gerekir. display:inline olan bir elementin block seviyesinde olmadığı için içerisindeki ögeleri ortalayamazsın bu şekilde.

container 3 bölümde içeriği 1200px içinde tutmak için kullanıyorum hocam. Ona text aling verirsem bozulacak.

29-09-2017, 10:42:13

#5

Haktan

.products .container .title altındaki display inline'ı sil hocam

29-09-2017, 10:47:08

#6

Rare

Haktan adlı üyeden alıntı: mesajı görüntüle

.products .container .title altındaki display inline'ı sil hocam

İlgin için teşekkür ederim hocam.
title altındaki display:inline'ı sildim. olmadı
block yaptım olmadı.
Kapsayan 2 div e block verdim olmadı.
varyasyonları denedim hala olmuyor

29-09-2017, 10:49:39

#7

Haktan

Rare adlı üyeden alıntı: mesajı görüntüle

İlgin için teşekkür ederim hocam.
title altındaki display:inline'ı sildim. olmadı
block yaptım olmadı.
Kapsayan 2 div e block verdim olmadı.
varyasyonları denedim hala olmuyor

https://jsfiddle.net/4hfkjtey/
üst divinde bi sıkıntı vardır bu da olmuyorsa

29-09-2017, 10:59:03

#8

fatihemre

Kodunun tamamı buysa, cevap da display:inline kodunun kaldırılmasıdır. Ancak css kodları, üstünden miras alan etkiye sahiptirler. O yüzden üstünde başka bir etken varsa, bunu bilemeyiz.

29-09-2017, 10:59:38

#9

Rare

İlginiz için teşekkür ediyorum hepinize.