Garip bir CSS sorunu

Evet hocam bende farkedip mesajı silmiştim başka bir çözüm var.En azından iki tarafıda eşitleyebilirsiniz.

.pagination .pages:after {
padding-right:7px;
content: ""
}

Ayrıca ek olarak;

.pagination .pages {
  height: 33px;
}

Fakat mozillada test etmedim.

Hocam bu şekilde bilgisayar için Google Chrome'da düzelse bile mobil için olan sürümde doğrusunu gösteriyor. Bu özellikleri yazmak da sadece bilgisayar için olan Chrome'a doğru geldiğinden diğer mobil ve masaüstü tarayıcıları yok sayıp bu yanlışı doğru gibi kabul etmek yanlış olur

Bu arada değerleri farklı farklı verince de düzgün görüntülenmedi. Biraz araştırdığımda Google Chrome'nin böyle bir sorunu olduğunu farkettim. Stackoverflow üzerinden de bu tarz sorular sorulmuş. Mecburen arkadaşın da dediği gibi ul li yapısını kullanmam gerekecek. Aslında en başta öyle yapmıştım ama bunun kodu daha kısa diye onu silip bunu yapmaya karar verdim sonra Neyse geriye dönelim.

İlgilenen herkese teşekkür ederim.

Çözüm basit aslında. İki farklı yol izlemeniz gerekmekte. Bu yapıyı ul li olarak yaparsanız daha avantajlı olursunuz. a tagı ile yapmak istiyorum derseniz a taglarına display:inline-block; pages classı na da text-aling:center; verdiğinizde alanı ortalı bir şekilde sabit kullanıcaktır.

a etiketleri ile olmayınca ul li yapısında yapıp kapattım zaten inline- block denedim ama çalışmadı yine de. Belki yanlış yapmışımdır. Neyse sorun kalmadı zaten artık, teşekkür ederim hocam.

ul li yapısında da li lere display:inline-block; ul ye display:block; text-align: center; verdiğinizde istediğiniz çözüme kavuşursunuz şuan sabahın 4 ü editörü acmaya üşeniyorum hayırlı sabahlar

Bu dediklerinizi kullanmadım ama yine de çalışıyor. En başta zaten bu yapıda yapmıştım. Sonra sadece a kullanarak yapmak istedim ama olmadı Sorun yok şimdilik her şey harika Hayırlı sabahlar.