Çözüldü CSS yazıyı ortalama

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Aloe Vera

Hectopat
Katılım
1 Mayıs 2021
Mesajlar
869
Makaleler
1
Çözümler
3
border-radius eklediğim zaman yazım sola bitişik oluyor. Nasıl ortalayabilirim?

HTML:
    <p class="instagram">My Instagram account</p>
CSS:
p.instagram{
    border: 2px solid red;
    padding: 10px;
    border-radius: 25px;
    width: 250px;
    text-align: center;
}

 
Text align Center yaptınız mı?
 
Border-radius ekleyince sola bitişik oluyor diyosun ama resimde ve kodda eklediğin halde ortada.
 
Dış kapsayıcıya şu kodu girin;

CSS:
justify-content: center;
display: flex;
 
Y ekseninde ortalamak için:
CSS:
body {
    display: flex;
    justify-content: center;
}
Ekranın tam ortasına getirmek için:
CSS:
body {
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
 
Dış kapsayıcıya şu kodu girin;

CSS:
justify-content: center;
display: flex;

bodye mi?


Deneyeceğim teşekkür ederim.

Text align Center yaptınız mı?

Kodlara bakın hocam. Yaptım.

Border-radius ekleyince sola bitişik oluyor diyosun ama resimde ve kodda eklediğin halde ortada.

Hocam ortadan kastım, ekranın ortası.

Dış kapsayıcıya şu kodu girin;

CSS:
justify-content: center;
display: flex;
Hocam yaptım, fakat projede tek 1 eleman yok. 4 eleman var. Hepsini yan yana ekranın ortasında sıraladı. Nasıl alt alta yapacağım?
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…