Bonsoir je voudrais aligner mes logo de reseaux sociaux horizontalment a mon text 

Merci d'avance

Screenshot

Code css

#footer
{
text-align: center;
}
 
#instagram
{
    float: left;
	margin-left:10px;
}	

#linkdin
{
    float: left;
	margin-left:10px;
}
#facebook
{
    float: left;
	margin:0px;
}

Code html

<footer class="footer" id="footer">
			<div class="row">
				<div class="col-md-12">
					<h1>Bienvenue !</h1>
					<i alt="facebook" id="facebook"class="fab fa-facebook-square fa-3x" ></i>
					<i alt="linkdin" id="linkdin" class="fab fa-linkedin fa-3x" ></i>
					<i alt="instagram" id="instagram" class="fab fa-instagram fa-3x" ></i>				
				</div>
			</div>
		</footer>

	</div>
 </body>
</html>

-
Edité par Jean-robertCrenn 13 mai 2018 à 23:21:43

Bonjour, 

Il me semble que si tu utilise un display: flex sur ton conteneur les éléments s'aligneront d'eux même a l'intérieur en occupant l'espace disponible 

A toi de jouer derrière avec les margin et padding pour un résultat optimal :) 

Alors déjà tu crée une en-tête dans une balise <footer> c'est pas ça du tout il faut utiliser <header>. Ensuite tes float sont inutile ici, tu dois mettre tes logos dans une div pour ensuite aligner le tout avec flexbox.

Bonjour Jean-robert Crenn,

Tu peux aussi mettre un display:inline sur le h1