Centrer ma DIV qui contient deux DIV

Fermé

mari0n - 22 nov. 2016 à 19:35
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 23 nov. 2016 à 10:53

Bonjour,

J'utilise Bootstrap, j'ai souhaité aligner un titre H3 et une image, j'ai pour cela créé deux DIV. Le souci, c'est que la première DIV qui englobe les deux autres, je n'arrive pas à la centrer par rapport à la page...

<div class="center-block">
	<div style="float: left;">
		<h3>Auto-formation</h3>
	</div>
	<div style="width: 60px; float: left;">
		<img src="img/logo-openclassrooms.jpg" class="logo-ocr" alt="Logo OpenClassRooms">
	</div>
</div>

Une idée ? :)

A voir également:

Centrer ma DIV qui contient deux DIV
Deux ecran pc - Guide
J'ai deux compte facebook avec la meme adresse mail ✓ - Forum Facebook
Excel si cellule contient partie texte ✓ - Forum Excel

1 réponse

Réponse 1 / 1

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
23 nov. 2016 à 10:53

Salut,

Au moins deux solutions :
1 - définir une largeur et appliquer la valeur 'auto' pour les marges droite et gauche :

<div style="width: 400px; margin-left: auto; margin-right: auto;">
	<div style="float: left;">
		<h3>Auto-formation</h3>
	</div>
	<div style="width: 60px; float: left;">
		<img src="img/logo-openclassrooms.jpg" class="logo-ocr" alt="Logo OpenClassRooms">
	</div>
</div>

2 - passer le block div en inline-block et appliquer la règle text-align: center; sur le parent :

<div style="text-align: center;">
  <div style="display: inline-block;">
	  <div style="float: left;">
  		<h3>Auto-formation</h3>
	  </div>
	  <div style="width: 60px; float: left;">
		  <img src="img/logo-openclassrooms.jpg" class="logo-ocr" alt="Logo OpenClassRooms">
	  </div>
  </div>
</div>

Bonne journée,

Discussions similaires

Excel formule : compter le nombre de valeurs différentes

comment remplacer un #div/0! par une cellule vide

Excel si cellule contient texte alors...

Formule Excel : "SI" une cellule contient un mot, alors ?

Un seul de mes écouteurs marche. Que faire ?