<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính list-style-position trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul{background: #ddd;}
#inside li{list-style-position: inside;}
#outside li{list-style-position: outside;}
</style>
</head>
<body>
<h1>Code Thuộc tính list-style-position trong CSS</h1>
<p>Dùng để quy định vị trí đặt ký tự đầu dòng của thẻ li, ký tự nằm trong hoặc ngoài nội dung thẻ li:</p>
<ul>
<li>Không sử dụng list-style-position</li>
<li>Không sử dụng list-style-position</li>
<li>Không sử dụng list-style-position</li>
</ul>
<ul id="inside">
<li>list-style-position: inside;</li>
<li>list-style-position: inside;</li>
<li>list-style-position: inside;</li>
</ul>
<ul id="outside">
<li>list-style-position: outside;</li>
<li>list-style-position: outside;</li>
<li>list-style-position: outside;</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính list-style-position trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul{background: #ddd;}
#inside li{list-style-position: inside;}
#outside li{list-style-position: outside;}
</style>
</head>
<body>
<h1>Code Thuộc tính list-style-position trong CSS</h1>
<p>Dùng để quy định vị trí đặt ký tự đầu dòng của thẻ li, ký tự nằm trong hoặc ngoài nội dung thẻ li:</p>
<ul>
<li>Không sử dụng list-style-position</li>
<li>Không sử dụng list-style-position</li>
<li>Không sử dụng list-style-position</li>
</ul>
<ul id="inside">
<li>list-style-position: inside;</li>
<li>list-style-position: inside;</li>
<li>list-style-position: inside;</li>
</ul>
<ul id="outside">
<li>list-style-position: outside;</li>
<li>list-style-position: outside;</li>
<li>list-style-position: outside;</li>
</ul>
</body>
</html>
