Bonjour, voici mon problème j'ai un titre que j'arrive pas a centrer verticalement même avec la commande vertical-align: bottom;
Voici mon code HTML :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="test.css" />
<title>Site minecraft</title>
</head>
<body>
<div id="bloc_page">
<header>
<p>Mon premier titre</p>
</header>
</div>
</body>
Mon code CSS :
#bloc_page
{
width: 900px;
margin: auto;
}
body
{
margin:-16px; <--Même avec margin: 0 la couleur du background touché pas en haut !
padding:0;
outline:0;
}
header
{
border-bottom: 5px solid #deb887;
background-color: #ffebcd;
text-align: center;
vertical-align: bottom;
height: 100px;
width: 900px;
}
Voici mon code HTML :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="test.css" />
<title>Site minecraft</title>
</head>
<body>
<div id="bloc_page">
<header>
<p>Mon premier titre</p>
</header>
</div>
</body>
Mon code CSS :
#bloc_page
{
width: 900px;
margin: auto;
}
body
{
margin:-16px; <--Même avec margin: 0 la couleur du background touché pas en haut !
padding:0;
outline:0;
}
header
{
border-bottom: 5px solid #deb887;
background-color: #ffebcd;
text-align: center;
vertical-align: bottom;
height: 100px;
width: 900px;
}