Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính padding-inline trong CSS</title>
<style>
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div {width:100%; float:left; height:auto; margin-bottom:10px; border:1px solid red}
p {background:green; width:100%; float:left; margin:0px; padding:25px;color:#fff}
</style>
</head>
<body>
<h1>Code Thuộc tính padding-inline trong CSS</h1>

<div style="padding-inline:10px"><p>padding-inline:10px (Cách cạnh trái 10px, cách cạnh phải 10px)</p></div>

<div style="padding-inline:10px 30px"><p>padding-inline:10px 30px (Cách cạnh trái 10px, cách cạnh phải 30px)</p></div>

<div style="padding-inline:5%"><p>padding-inline:5% (Cách cạnh trái 5%, cách cạnh phải 5%)</p></div>

<div style="padding-inline:2em"><p>padding-inline:2em (Cách cạnh trái 2em, cách cạnh phải 2em)</p></div>

<div style="padding-inline:0"><p>padding-inline:0 (Cách cạnh trái 0px, cách cạnh phải 0px)</p></div>

<div style="padding-inline:0px"><p>padding-inline:0px (Cách cạnh trái 0px, cách cạnh phải 0px)</p></div>

</body>
</html>

Code Thuộc tính padding-inline trong CSS nằm trong bài viết Thuộc tính padding-inline trong CSS