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

Aloe Vera · 17 Şubat 2023

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;
}

300319 · 17 Şubat 2023

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?

CSS:

flex-direction: column;
align-items: center;

kaan.w · 17 Şubat 2023

Aloe Vera dedi:
Hocam bunu body'e eklediğimde alt alta fakat solda görünüyor.

CSS:

body {
    display: flex;
    align-items: center;
    flex-direction: column;
}

Flex direction verince eksen değiştiğinden justify content yerine align items vermemiz gerek.

Aloe Vera · 17 Şubat 2023

300319 dedi:
CSS:

flex-direction: column; align-items: center;

Çok teşekkürler hocam oldu.