CSS - Deux div l'un à côté de l'autre ?

Sandhose a marqué ce sujet comme résolu.
Auteur du sujet

Cette réponse a aidé l’auteur du sujet

Bonjour,

J’ai le code HTMl suivant :

1
2
3
4
5
6
<article class="post">
    <div class="thumbnail">
    </div>
    <div class="contenu">
    </div>
</article>

Je souhaiterai avoir ma thumbnail sur la gauche, et mon contenu sur la droite. J’utilise donc ce CSS :

1
2
3
4
.thumbnail
{
float: left;
}

Cependant, en faisant cela, je ne peux pas appliquer de margin à mon élément "droite". Si je fais :

1
2
3
4
.contenu
{
margin-left: 10px;
}

Les 10px ne prenne pas en compte la div flotante. Je n’ai pas mes deux div espacés de 10px comme je le voudrais. Comment faire ?

Merci

+0 -0
Auteur du sujet

Merci ! Pour être plus précis, j’ai ceci :

1
2
3
4
5
<div class="content">
    <div class="thumbnail"></div>
        <h1 class="titre_article">mon titre></h1>
        <p class="propriete_article">Ma date, ect</p>
</div>

Par exemple, avec ton article, j’ai choisi de mettre le css suivant :

1
2
3
4
.content
{
display: flex;
}

Bien que la thumbnail et le titre sont maintenant sur la même ligne, les propriètés sautent une ligne. Je ne comprends pas trop, avec cette prioriété tout devrait être sur la même ligne (en taille ça tient) ?

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte