Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> p { font-weight: bold; margin: 0 0 15px; } p:first-of-type { padding-bottom: 5px; } div { margin: 0 0 40px; } strong { padding: 10px; width: 150px; height: 150px; border: 5px solid purple; background-color: pink; } .inline { display: inline; } .inline-block { display: inline-block; } </style> </head> <body> <h1>Example of the CSS display property</h1> <p>display: inline</p> <div> <strong class="inline">Lorem Ipsum</strong> </div> <p>display: inline-block</p> <div> <strong class="inline-block">Lorem Ipsum</strong> </div> </body> </html>