Web site yaparken karşılaştığım hata

Berat.xx56 · 4 Haziran 2023

Şurdaki divde <br> atmama rağmen, divden çıkıp <p> etiketini koymama rağmen ve bu divin genişliği 100% olmasına rağmen gördüğünüz gibi genişliği kısalıyor ve p etiketi alıyor umarım anlatabilmişimdir.

Kısacası p etiketlerimin alt satıra inmesini istiyorum.

oynozan · 4 Haziran 2023

Kodunuzda p etiketi göremedim. İstediğiniz şeyi şu şekilde yapabilirsiniz:

HTML:

<div class="container">
    <div class="top">
        <b>KLASİK ABONELİK</b>
    </div>
    <div class="bottom">
        <p>Lorem Ipsum</p>
    </div>
</div>

CSS:

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.container > div {
    width: 100%;
}

.container .top {
    background-color: red;
    color: white;
}

.container .bottom {
    background-color: green;
    color: white;
}

Berat.xx56 · 4 Haziran 2023

Hocam çok teşekkür ederim ama cevap beklerken sadece kapsayıcıma flex-wrap: wrap; vererek hallettim

oynozan dedi:

Kodunuzda p etiketi göremedim. İstediğiniz şeyi şu şekilde yapabilirsiniz:

HTML:

<div class="container">
    <div class="top">
        <b>KLASİK ABONELİK</b>
    </div>
    <div class="bottom">
        <p>Lorem Ipsum</p>
    </div>
</div>

CSS:

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.container > div {
    width: 100%;
}

.container .top {
    background-color: red;
    color: white;
}

.container .bottom {
    background-color: green;
    color: white;
}

Web site yaparken karşılaştığım hata

Ayrıntılı düzenleme

Berat.xx56

Centipat

Dosya Ekleri

oynozan

Kilopat

Berat.xx56

Centipat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz