Je souhaite créer ma première page web mais je rencontre un problème.
J'ai le code suivant :
<img src="img/logo.png" alt="logo" />
<h1>My website name</h1>J'aimerais savoir comment faire pour que le logo et le H1 soient sur la même ligne. Merci de votre réponse.
Vous pouvez procéder comme Billy Moat vous l'a dit, en enveloppant votre <img> y <h1> dans un <div> et utiliser float: left; pour faire flotter votre image vers la gauche, définissez le paramètre <div> width puis de définir un line-height pour votre h1 et utiliser <div style="clear: float;"></div> pour effacer les éléments flottants.
Voici mon code sans div à l'intérieur de la balise header. Mon but/intention est de mettre en œuvre le même comportement avec un minimum de balises HTML et de style CSS. Cela fonctionne.
whois.css
.header-img {
height: 9%;
width: 15%;
}
header {
background: dodgerblue;
}
header h1 {
display: inline;
}whois.html
<!DOCTYPE html>
<head>
<title> Javapedia.net WHOIS Lookup </title>
<link rel="stylesheet" type="text/css" href="whois.css"/>
</head>
<body>
<header>
<img class="header-img" src ="javapediafb.jpg" alt="javapedia.net" href="https://www.javapedia.net"/>
<h1>WHOIS Lookup</h1>
</header>
</body>de la production : 
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
