<div class='container'><h1 class='title'>Welcome to CSS Padding Inline</h1><p class='description'>This paragraph demonstrates the effect of the padding-inline property.</p></div>

.container { background-color: #f0f0f0; padding: 20px; border: 2px solid #ccc; }
.title { padding-inline: 30px; color: #333; }
.description { padding-inline: 30px; color: #666; }

// No JavaScript required for this demo

Welcome to CSS Padding Inline

This paragraph demonstrates the effect of the padding-inline property.