bonjour j'aimerai avoir mes deux blocs cote a celui restaurant et restaurant 2 je vous met mes code html et css
<html lang="fr">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="style.css" />
<title>nom du titre</title>
</head>
<body>
<div class="page">
<header>
<img src="images/logo-fourchette-2.png" height="96px" width="278px" alt="logo-fourchette"/>
</header>
<ul class="acceuil">
<li><a href="index.html">Accueil</a></li>
<li><a href="html/linguistique.html">Menus</a></li>
<li><a href="html/langues.html">Informations pratiques</a></li>
<li><a href="html/contacts">Contacts</a></li>
</ul>
<p><em>La fourchette: toujours plus cuit, toujours plus bon.</em>
<h1>Le totalorium du totalier plié</h1>
<p><em>le 21 novembre 2018 par Etienne Chapeau</em></p>
<div class="restaurant">
<h3>Gastronomie</h3>
<div class="bloc1">azert</div>
<h3>produits</h3>
<div class="bloc2>">azert</div></div>
<div class="restaurant2">
<h3>Totalorium</h3>
<div class="bloc3">azert</div>
<h3>Totalorium</h3>
<div class="bloc4">azert</div></div>
<h2>Sur le meme sujet</h2>
<div class="images">
<img src="images/gougeres.jpg">
<img src="images/table.jpg">
<img src="images/biscuit.jpg">
</div>
<footer>©2017 tous droits de reproduction réservés</footer>
</div>
</body>
</html>.acceuil
{
border-bottom-style: solid;
border-top-style: solid;
}
body
{
background-image: url("images/back-cover.jpg");
}
footer
{
text-align: right;
border-top-style: solid;
}
li
{
list-style: none;
}
a
{
text-decoration: none;
}
div.page
{
width: 990px;
margin: auto;
text-align: center;
background-color: hsla(358,28%,95%,0.85);
}
div.restaurant
{
width: 280px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
div.restaurant2
{
width: 640px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
float: right;
}
div.images
{
width: 200px;
height: 150px;
}