Css 如何水平放置块元素并使包含的文本居中

我希望获取一个块元素，并将其放置在父元素右边框附近，同时使元素内的文本居中。我如何使用CSS来实现这一点

    <div class="A">
      some text - some text - some text - some text - some text - 
        <div class="B">
          some text
        <br/>
          some more text
        </div>
      some text - some text - some text - some text - some text
   </div>

一些文本-一些文本-一些文本-一些文本-一些文本-一些文本-
一些文本


更多的文字
一些文本-一些文本-一些文本-一些文本-一些文本-一些文本

div class=“A”中的文本应左对齐或对齐，而元素div class=“B”应位于右侧，边距为30px，文本行居中

---

提前谢谢

您应该发布您尝试过的内容

无论如何，这里有一种方法可以使用

.B{
颜色：红色；
左边距：自动；
文本对齐：居中；
右边距：30px；
}
.A{
显示器：flex；
柔性包装：包装；
弯曲方向：立柱；
边框：1px纯黑；
}

一些文本-一些文本-一些文本-一些文本-一些文本-一些文本-
一些文本


更多的文字
一些文本-一些文本-一些文本-一些文本-一些文本-一些文本

如果要相对于父元素定位元素，应在子元素上使用绝对位置，并使用顶部、底部、右侧和左侧进行定位：

.A{
      width: 100px;
      height: 200px;
}
.B{
      position: absolute;
      right: 0;
      width: 50px;
      height: 5px;
}

要对齐元素内的文本，应使用文本对齐：

text-align: center;
text-align: left;
text-align: right;
text-align: justify;

---

那么，到目前为止，你是如何做到这一点的？