在文本垂直居中的情况下定位在右侧也会将文本旋转90度，同时阻止<img><i>

<div class="container">
  <div class="text-container">
    <p class="text">文本内容</p>
  </div>
  <div class="image-container">
    <img src="image.jpg" alt="图片">
  </div>
</div>

.container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.text-container {
  transform: rotate(-90deg);
  transform-origin: center;
  white-space: nowrap;
}

.text {
  writing-mode: vertical-lr;
}

.image-container {
  margin-left: 10px; /* 调整图片与文本之间的间距 */
}

.image-container img,
.text-container img,
.text-container i {
  transform: rotate(0deg); /* 阻止图片和<i>元素的旋转 */
}