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

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

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

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính padding-inline-end 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-end trong CSS</h1>

<span>Quy định khoảng cách giữa 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-end:10px"><p>padding-inline-end:10px; Cạnh phải cách các phần tử con 10px</p></div>

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

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

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

<div style="padding-inline-end:0px"><p>padding-inline-end: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-end trong CSS nằm trong bài viết Thuộc tính padding-inline-end trong CSS