Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Titre du document</title> <style> .inline { border: 1px solid #1c87c9; display: inline; height: 30px; width: 300px; } .block { border: 1px solid #1c87c9; display: block; height: 30px; width: 300px; } </style> </head> <body> <h2>Exemple de la propriété display</h2> <p>Ici l'élément de la liste est avec la valeur "initial". Nous voyons que la valeur "inline" n'accepte pas height et width:</p> <span> Quelque texte.</span> <span class="inline"> Un autre texte.</span> <hr> <p>Ici l'élément de la liste est utilisé avec la valeur "block" de la propriété display:</p> <span class="block"> Quelque texte.</span> <span class="block"> Un autre texte.</span> </body> </html>