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

Aloe Vera dedi:

border-radius eklediğim zaman yazım sola bitişik oluyor. Nasıl ortalayabilirim?

HTML:Panoya kopyala

    <p class="instagram">My Instagram account</p>

CSS:Panoya kopyala

p.instagram{
    border: 2px solid red;
    padding: 10px;
    border-radius: 25px;
    width: 250px;
    text-align: center;
}

Eki Görüntüle 1672773

Genişletmek için tıkla...

Aloe Vera dedi:

border-radius eklediğim zaman yazım sola bitişik oluyor. Nasıl ortalayabilirim?

HTML:Panoya kopyala

    <p class="instagram">My Instagram account</p>

CSS:Panoya kopyala

p.instagram{
    border: 2px solid red;
    padding: 10px;
    border-radius: 25px;
    width: 250px;
    text-align: center;
}

Eki Görüntüle 1672773

Genişletmek için tıkla...

Eray T dedi:

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

CSS:Panoya kopyala

justify-content: center;
display: flex;

Genişletmek için tıkla...

Kxaan dedi:

Y ekseninde ortalamak için:

CSS:Panoya kopyala

body {
 display: flex;
 justify-content: center;
}

Ekranın tam ortasına getirmek için:

CSS:Panoya kopyala

body {
 margin: 0;
 height: 100vh;
 display: flex;
 justify-content: center;
 align-items: center;
}

Genişletmek için tıkla...

xScpit dedi:

Text align Center yaptınız mı?

Genişletmek için tıkla...

ElSivas dedi:

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

Genişletmek için tıkla...

Eray T dedi:

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

CSS:Panoya kopyala

justify-content: center;
display: flex;

Genişletmek için tıkla...

Aloe Vera dedi:

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?

Genişletmek için tıkla...

flex-direction: column;

Kxaan dedi:

CSS:Panoya kopyala

flex-direction: column;

Bunu ekle.

Genişletmek için tıkla...