<!DOCTYPE html>
<html>
<head>
<meat charset="utf-8">
<title>Convertir les éléments de niveau bloc en éléments en ligne</ title> ;
<link rel="icône de raccourci" type="image/x-icon" href="images/favicon.ico">
<style type="text/css">
p { display:inline;largeur:200px;hauteur:200px;backgroud-color:#ccc;}
b{display:block;}
/*div{display:inline-block;height:30px;width:400px background; -color:rose;}*/
.box{width:100px;height:40px;background-color:#ccc;line-height: 40px;text-align: center;}
.main{ width :100px;hauteur:100px;couleur d'arrière-plan:rose;hauteur de ligne:100px; texte-align:centre;affichage:aucun;}
.box:hover .main{display:block;}
</ style> ;
</head>
<body>
<p>Convertir les éléments de niveau bloc en éléments en ligne</p><span>123</span>
<b>Éléments en ligne principalement éléments de niveau bloc</b>
<div>Convertir le balisage en éléments de bloc en ligne</div><span>123</span>
<div class="box">
<div class="main">Petit menu</div>
</body>
</html>
<div class="box">Navigation</div>
<div class="main">Petit menu</div>
.box:hover .main {}
Description principale à l'intérieur. .box
& lt; div class = "box" & gt; navigation