<html>
<head>
<style>
div {
background-color: lightgreen;
inline-size: 300px;
padding: 10px;
writing-mode: vertical-rl;
border-inline: hotpink dashed 8px;
}
</style>
</head>
<body>
<h2>border-inline: hotpink dashed 8px:</h2>
<div>
<p>With writing-mode property value set to 'vertical-rl', the borders affected by the border-inline property is on the top and bottom.</p>
</div>
</body>
</html>