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

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính padding-block-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-block-end trong CSS</h1>

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

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

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

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

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

</body>
</html>

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

Quy định khoảng cách giữa cạnh dướ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:

padding-block-end:10px; Cạnh dưới cách các phần tử con 10px

padding-block-end:10%; Cạnh dưới cách các phần tử con 10%

padding-block-end:2em; Cạnh dưới cách các phần tử con 2em

padding-block-end:0; Cạnh dưới cách các phần tử con 0px

padding-block-end:0px; Cạnh dưới cách các phần tử con 0px

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