Gérer l'espacement horizontal

17 juin 2021 à 14:01:37

Bonjour,

Je suis nouveau et je n'arrive pas à décaler le paragraphe de l'image. Je voudrais qu'il soit à coté mais avec un peu plus d'espace entre deux. J'ai utilisé flexbox pour mettre mes deux élément à la suite à gauche sur la même ligne. J'ai voulu par la suite rajouter une marge interne ou externe pour espacer les deux éléments tout en gardant la photo tout à gauche mais rien ne marche... Pouvez vous m'aider ?

Merci

<div class="intro">
	
	<img src="photo_cv.jpg"  alt="photo de Cv"/>
	
	<p> Description </p>
	
</div>

.intro{
    display: flex;
    border: 3px #B3B3B3 solid;
    background-color: rgba(255,255,255,0.8);

}
p.intro{
	padding-left: 3px;
}

Stonners

18 juin 2021 à 9:19:13

Bonjour, alors pour gérer l'espacement entre tes balises, je te conseils de télécharger la librairie bootstrap qui va te permmettre d'utiliser les classes "row" et "col", grâce a cela ton "site" sera responsive. mais pour ton problème actuel, il faut que tu utilise la ligne de css suivante :

 justify-content: space-between;

elle va te permettre de mettre tes contents (balises) de part et d'autre de ta div parent, si tu veux rapprocher ta balise p, met juste une balise p derrière sans rien dedans

Un sourire coûte moins cher que l'électricité, mais donne autant de lumière