Éditeur Tryit de W3Schools

<!DOCTYPE html>
<html>
<head>
<style>
span.a {
affichage: inline; /* la valeur par défaut pour span */
padding: 5px;
bordure: 2px solide rouge;
}

span.b {
affichage: inline-block;
largeur: 100px;
hauteur: 35px;
padding: 5px;
bordure: 2px solide rouge;
}

span.c {
afficher: bloc;
largeur: 100px;
hauteur: 35px;
padding: 5px;
bordure: 2px solide rouge;
}
</style>
</head>
<body>

<h1>La propriété display</h1>

<h2>display: inline</h2>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consequat scelerisque elit sit amet consequat. Aliquam erat volutpat.<span class="a">Aliquam</span> <span class="a">venenatis</span>gravida nisl sit amet facilisis. Nullam cursus fermentum velit sed laoreet.</div>

<h2>display: inline-block</h2>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consequat scelerisque elit sit amet consequat. Aliquam erat volutpat.<span class="b">Aliquam</span> <span class="b">venenatis</span>gravida nisl sit amet facilisis. Nullam cursus fermentum velit sed laoreet.</div>

<h2>display: block</h2>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consequat scelerisque elit sit amet consequat. Aliquam erat volutpat.<span class="c">Aliquam</span> <span class="c">venenatis</span>gravida nisl sit amet facilisis. Nullam cursus fermentum velit sed laoreet.</div>

</body>

</html>