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

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

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

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính margin-inline trong CSS</title>
<style>
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div.divcha {width:100%; float:left; height:auto; margin-bottom:10px; border:1px solid red}
div.divdon{border:1px solid blue; width:30%; float:left; height:auto;}
p {background:green;margin:0px;padding:0px;color:#fff}
div.divdon p{background:red}
span {width:100%; float: left; heigt:auto; margin-bottom:10px}
</style>
</head>
<body>
<h1>Code Thuộc tính margin-inline trong CSS</h1>

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

<!--Dành cho thẻ span-->
<div class="divcha"><p style="margin-inline:5px" >margin-inline:5px (Cách cạnh trái, cạnh phải 5px)</p></div>

<div class="divcha"><p style="margin-inline:5px 20px" >margin-inline:5px 20px (Cách cạnh trái 5px, cách cạnh phải 20px)</p></div>

<div class="divcha"><p style="margin-inline:0px 20px" >margin-inline:0px 20px(Cách cạnh trái 0px, cách cạnh phải 20px)</p></div>

<!--Dành cho thẻ div-->
<div class="divdon" style="margin-inline:20px"><p  >margin-inline:0px 20px(Cách cạnh trái ngoài 20px, cách cạnh phải ngoài 20px)</p></div>

<div class="divdon" style="margin-inline:0px"><p  >margin-inline:0px(Cách cạnh trái ngoài 0px, cách cạnh phải ngoài 0px, trước đó div trái có cách phải ngoài 20px)</p></div>

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