<html>
<head>
<style>
body {
background-color: #E7E9EB;
}
#myDIV {
height: 300px;
background-color: #FFFFFF;
}
.bluediv {
width: 300px;
background-color: lightblue;
padding-inline: 50px 5px;
}
</style>
</head>
<body>
<h1>The padding-inline property</h1>
<div id="myDIV">
<div class="bluediv">
See this blue div element with different padding-inline values.
</div>
</div>
</body>
</html>