Problème avec les inlines, et block
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:
1
2
3
4
| <div>
<h2>Texte</h2>
<--Texte-->
</div> |
Mon CSS
Code:
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 ?
