旋转文本 -90 度垂直居中对齐，文本长度未知

Question

我正在尝试将文本旋转 -90，将其与父 div 的右边缘对齐，并垂直居中。

<div>
 <p class="verticaltext">
   some text
 </p>
<div>

.verticaltext {
    top: 50%;
    left: 100%;
    white-space: nowrap;
    transform: rotate(-90deg) translateY(-50%);
    transform-origin: bottom left;
    position: absolute; 
}

div {
    position: relative;
}

问题是定位到右侧和垂直中心的组合。

Left 100% 允许我将文本置于右侧，而不管文本的长度如何，但这需要原点左下角。

问题是前 50% 和平移 y -50% 结合原点左下角将文本的左下角置于垂直中心，我希望文本的中心与垂直中心对齐。如果我将原点设置为中心，我可以获得垂直中心，但它会将我的位置设置为 100% 的左侧。