我制作了一个简单的div，并在使用vertical-lr写入模式后将文本旋转-90度。但是文本在左边空白处看不见地溢出。但当我在div上添加一个边距时，它就被固定了。这是图像
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div><div>Simple div</div><div style="writing-mode: vertical-lr; transform: rotate(-90deg);">Rotated text goes here </div></div>
</body>
</html>
如何修复？
如果您需要这个，请告诉我？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div><div>Simple div</div><div style="writing-mode: vertical-lr; transform: rotate(90deg); transform-origin: bottom left;">Rotated text goes here </div></div>
</body>
</html>