HTML
CSS
JavaScript
<div class='container'><h1 class='title'>Hello, World!</h1><p class='description'>This is a demonstration of the CSS 'padding-block' property.</p></div>
.container { background-color: #f0f0f0; text-align: center; padding: 20px; } .title { font-size: 2em; color: #333; padding-block: 20px; } .description { font-size: 1.2em; color: #666; }
// No JavaScript required for this demo
Hello, World!
This is a demonstration of the CSS 'padding-block' property.