Code Thuộc tính padding-inline trong CSS

Code Thuộc tính padding-inline trong CSS

Code Thuộc tính padding-inline trong CSS

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}
span {width:100%; float: left; heigt:auto; margin-bottom:10px}
</style>
</head>
<body>

<h1>Code Thuộc tính padding-inline trong CSS</h1>

<span>Quy định khoảng cách giữa cạnh trái và cạnh phải của một thẻ HTML với các phần tử con nằm trong thẻ đó, bạn có thể dùng đơn vị px, em, % để quy định khoảng cách:</span>

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

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

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

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

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

<div style="padding-inline:0px"><p>padding-inline:0px; (Cạnh trái cách các phần tử con 0px, Cạnh phải cách các phần tử con 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