Bonjour je voudrais savoir si l'on peut m'aider car je suis débutant et je dois rendre un exercice pour une école! et j'aimerai créer une entete mais je bloque, car je n'arrive pas à aligner un logo avec le titre tous ca dans la meme ligne, en utilsant flexbox, je n'y parvient pas! si quelqu'un peut me répondre ca serait vraiment sympa! voici mon code HTML!
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="newchallenge.css">
<title>Wild Circus</title>
</head>
<body>
<div id="bloc_page">
<header>
<div id="titre-principal">
<div id="logo">
<img src="image/logo.jpg" alt="logo">
<h1>Wild Circus</h1></div>
</div>
</header>
et voici mon CSS:
header
{display: flex;
justify-content: space-between;
align-items: flex-end;
}
#titre_principal
{
display: flex;
flex-direction: column;
text-align:center;
}
#logo
{
display: flex;
flex-direction: space between;
align-items: center;
}
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="newchallenge.css">
<title>Wild Circus</title>
</head>
<body>
<div id="bloc_page">
<header>
<div id="titre-principal">
<div id="logo">
<img src="image/logo.jpg" alt="logo">
<h1>Wild Circus</h1></div>
</div>
</header>
et voici mon CSS:
header
{display: flex;
justify-content: space-between;
align-items: flex-end;
}
#titre_principal
{
display: flex;
flex-direction: column;
text-align:center;
}
#logo
{
display: flex;
flex-direction: space between;
align-items: center;
}
