<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS display</title> <style> div { display: inline-block; background: purple; padding: 10px; } span { display: inline-block; background: yellow; padding: 10px; } </style> </head> <body> <div> <span>This span element and its parent div element create an inline-block box.</span> </div> </body> </html>