HTML
CSS
JavaScript
<div class='container'> <h1 class='title'>Hello, World!</h1> <p class='description'>This is an example of using padding-inline-end in CSS.</p> </div>
.container { background-color: #f0f0f0; padding: 20px; border: 1px solid #ccc; } .title { font-size: 24px; padding-inline-end: 30px; color: #333; } description { font-size: 16px; color: #666; } .description { font-size: 16px; color: #666; }
// No JavaScript required for this demo
Hello, World!
This is an example of using padding-inline-end in CSS.