Discussion :

[Oberown]

Dans un div qui fait une certain taille, j'utilise une balise <h2> et dans mon CSS j'utilise une background color pour le h2 et il doit prendre toute la largeur de mon div.

Or si je le laisse en block il me rajoute un retour à la ligne et si j'utilise un display : inline mon h2 ne prend pas tout la largeur du div.

Mon morceau de html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div>
<h2>Texte</h2>
<--Texte-->
</div>

Mon CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
div{
width:  84%; 
border: groove #000000 1px; 
}
h2{
display:inline;
width:100%;
}

Dans ce cas, le background color ne prend pas toute la largeur du div
Mais si je met à la place dans mon h2 display:block; Ca fait un retour de ligne en trop mais ca prend bien ma largueur.

Comment faire ?

[Johnbob]

Dans ce cas:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

h2 { display:inline; background:blue; width:100%; }

Tu dis que le background ne prend pas toute la largeur ?

Et comme ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

h2 { float:left; background:blue; width:100%; }

?

[Oberown]

En fait la solution est toute simple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
h2{ 
display:block;
margin-bottom: 0px;
width:100%; 
}