28106 sujets

CSS et mise en forme, CSS3

Bonjour voila j'ai un problème je bloque vraiment dessus, je n'arrive pas a placer le "Homme" dans l'image en bas pouvez vous m'aider svp ?

upload/1544031164-73552-8c323acd45f98bc4c3d1bb7b1596c.png

<div class="div2">
            <div class="collectionh">
                <a href="boutique.html"><img class="imgh" src="homme.jpg" alt="image homme"></a>
                <div class="divh">
                    <p>Homme</p>
                </div>    
            </div>

.div2{
    display: flex;
    justify-content: space-around;
    background-color: blue;
}
.divh{
    background-color: red;
    text-align: center;
}


J'ai essayer des postion absolute et ou relative sans succé, s'il vous plais aidez moi Smiley decu
Modérateur
Salut,

Normalement un truc comme :

.div2{
    display: flex;
    justify-content: space-around;
    background-color: blue;
}
.collectionh {
    position: relative;
}
.divh{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: red;
    text-align: center;
}


devrait faire le taff