<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
div{
border: 1px solid black;
width: 200px;
height: 150px;
}
#point{
writing-mode: horizontal-tb;
}
#point1{
writing-mode: vertical-rl;
}
#point2{
writing-mode: vertical-lr;
}
</style>
</head>
<body>
<h1>CSS writing-mode Property</h1>
<h2>writing-mode: horizontal-tb</h2>
<div id="point">
This is a horizontal-tb.
</div>
<h2>writing-mode: vertical-rl</h2>
<div id="point1">
This is a vertical-rl.
</div>
<h2>writing-mode: vertical-lr</h2>
<div id="point2">
This is a vertical-lr.
</div>
</body>
</html>