<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính writing-mode trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
p{width:100%;margin:0px;padding:0px;text-transform: uppercase;font-weight: bold;font-size:21px}
span {width:100%; float: left; height: auto; margin-bottom:20px}
</style>
</head>
<body>
<h1>Code Thuộc tính writing-mode trong CSS</h1>
<span>Dùng để chỉ định hướng chảy của văn bản từ trên xuống dưới, từ trái sang phải, từ phải sang trái:</span>
<p style="writing-mode:horizontal-tb">horizontal-tb</p>
<!--Từ trên xuống dưới, từ phải sang trái-->
<p style="writing-mode:vertical-rl">vertical-rl</p>
<!--Từ trên xuống dưới, từ trái sang phải-->
<p style="writing-mode:vertical-lr">vertical-lr</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính writing-mode trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
p{width:100%;margin:0px;padding:0px;text-transform: uppercase;font-weight: bold;font-size:21px}
span {width:100%; float: left; height: auto; margin-bottom:20px}
</style>
</head>
<body>
<h1>Code Thuộc tính writing-mode trong CSS</h1>
<span>Dùng để chỉ định hướng chảy của văn bản từ trên xuống dưới, từ trái sang phải, từ phải sang trái:</span>
<p style="writing-mode:horizontal-tb">horizontal-tb</p>
<!--Từ trên xuống dưới, từ phải sang trái-->
<p style="writing-mode:vertical-rl">vertical-rl</p>
<!--Từ trên xuống dưới, từ trái sang phải-->
<p style="writing-mode:vertical-lr">vertical-lr</p>
</body>
</html>
