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

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính inset-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:70px; border:1px solid red; margin-bottom:10px; position: relative;}
span{background:green;position: absolute; color:#fff}
</style>
</head>
<body>

<h1>Code Thuộc tính inset-block-end trong CSS</h1>

<p>Dùng để canh khoảng cách cạnh dưới của phần tử HTML so với cạnh dưới của phần tử cha của nó, thuộc tính inset-block-end thường dùng cho phần tử HTML có thuộc tính CSS là position với giá trị là fixed hoặc absolute:</p>

<div>
	<span style="inset-block-end: 5px">inset-block-end: 5px; (cách cạnh dưới của phần tử cha 5px)</span>
</div>

<div>
	<span style="inset-block-end: 20px">inset-block-end: 20px; (cách cạnh dưới của phần tử cha 20px)</span>
</div>

<div>
	<span style="inset-block-end: 15%">inset-block-end: 15%; (cách cạnh dưới của phần tử cha 15%)</span>
</div>

<div>
	<span style="inset-block-end: auto">inset-block-end: auto; (cách cạnh dưới của phần tử cha auto)</span>
</div>

<div>
	<span style="inset-block-end: 0">inset-block-end: 0; (cách cạnh dưới của phần tử cha 0)</span>
</div>

</body>
</html>

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