Aynı div içinde <h1> ve <p> yazısını nasıl ortalayabiliriz?

mertyiilmaz · 18 Temmuz 2023

Merhaba.

Aynı div içinde <h1> ve <p> yazısını nasıl kutunun içinde tam ortalayabilirim?

setokaiba · 19 Temmuz 2023

mertyiilmaz dedi:
Merhaba.

Aynı div içinde <h1> ve <p> yazısını nasıl kutunun içinde tam ortalayabilirim?

div'e css ekle: text-align:center

mertyiilmaz · 19 Temmuz 2023

setokaiba dedi:
div'e css ekle: text-align:center

merhaba,

HTML

HTML:

<div class="kutu">
            <h1>Lorem ipsum dolor sit amet.</h1>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, vel.</p>
</div>

CSS:

.kutu{
    width: 1200px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: #18006e;
 

}

.kutu h1{
    font-size: 30px;
    color: #ffffff;
}

.kutu p{
    font-size: 15px;
    color: #ffffff;

}

Görseldeki gibi oluyor

dikeyden de ortalamak istiyorum

setokaiba · 19 Temmuz 2023

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

533388 · 19 Temmuz 2023

@mertyiilmaz hocam p ye padding ya da margin verin.

polat.abdulkadir · 24 Temmuz 2023

display: grid;
place-items: center;

W3Schools CSS place-items demonstration

Aynı div içinde <h1> ve <p> yazısını nasıl ortalayabiliriz?

Ayrıntılı düzenleme

mertyiilmaz

Zeptopat

setokaiba

Hectopat

mertyiilmaz

Zeptopat

setokaiba

Hectopat

W3Schools.com

533388

Hectopat

polat.abdulkadir

Hectopat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz