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

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

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

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính margin-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;margin:0px;padding:0px;color:#fff}
span {width:100%; float: left; heigt:auto; margin-bottom:10px}
</style>
</head>
<body>

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

<span>Canh khoảng cách cạnh phải của phần tử HTML so với các phần tử HTML ở bên phải nó hoặc so với phần tử HTML chứa nó:</span>

<div><p style="margin-inline-end: 20px" >margin-inline-end: 20px; (Cạnh phải cách các phần tử phía bên phải hoặc phần tử cha 20px)</p></div>

<div><p style="margin-inline-end: 5%" >margin-inline-end: 5%; (Cạnh phải cách các phần tử phía bên phải hoặc phần tử cha 5%)</p></div>

<div><p style="margin-inline-end: 0px" >margin-inline-end: 0px; (Cạnh phải cách các phần tử phía bên phải hoặc phần tử cha 0px)</p></div>

<div><p style="margin-inline-end: 0" >margin-inline-end: 0; (Cạnh phải cách các phần tử phía bên phải hoặc phần tử cha 0px)</p></div>

<div><p style="margin-inline-end: auto" >margin-inline-end: auto; (Cạnh phải cách các phần tử phía bên phải hoặc phần tử cha 0px)</p></div>

<div><p style="margin-inline-end: revert" >margin-inline-end: revert</p></div>

<div style="margin-inline-end: 20px;width:30%" >margin-inline-end: 20px</div>

<div style="margin-inline-end: 20px;width:30%" >margin-inline-end: 20px</div>

<div><p style="margin-inline-end: -5px" >margin-inline-end: -5px; (Cạnh phải cách các phần tử phía bên phải hoặc phần tử cha -5px)</p></div>

</body>
</html>
Code Thuộc tính margin-inline-end trong CSS nằm trong bài viết Thuộc tính margin-inline-end trong CSS