Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .inline { border: 1px solid #1c87c9; display: inline; } .block { border: 1px solid #1c87c9; display: block; height: 30px; width: 300px; } </style> </head> <body> <h2>Display property example</h2> <p>Here the list item is with "initial" value. We see that the "inline" value does not accept height and width:</p> <span>This is some text.</span> <span class="inline">This is another text.</span> <hr> <p>Here the list item is used with the "block" value of the display property:</p> <span class="block">This is some text.</span> <span class="block">This is another text.</span> </body> </html>