HTML
CSS
JavaScript
<div class='container'><h1 class='title'>Hello, World!</h1><p class='description'>This is an example of padding-inline-start in action.</p></div>
.container { background-color: #f0f0f0; padding: 20px; } .title { padding-inline-start: 30px; color: #333; } .description { color: #666; }
// No JavaScript required for this demo
Hello, World!
This is an example of padding-inline-start in action.