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 comptes whatsapp - Guide
Formule excel si contient texte alors texte ✓ - Forum Excel
Remplacer #div/0 par vide ✓ - Forum Excel
J'ai deux compte facebook avec la meme adresse mail ✓ - Forum Facebook
Deux ecran pc - Guide

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 524
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

Question PIX

[PIX] Commencer chaque poème sur une nouvelle page

Un seul de mes écouteurs marche. Que faire ?

Excel formule : compter le nombre de valeurs différentes

Excel si cellule contient texte alors...

Discussions similaires

Newsletters