你错过了两件事：

• align-items-center类。您应该阅读Bootstrap的文档
• “约翰”和“塞纳”应该在一个集装箱里。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" />
<div class='d-flex justify-content-between align-items-center'>
  <span>
    John<br/> Cena
  </span>
  <span>StarIcon</span>
</div>

您可以使用以下代码实现此目的：
超文本：

<div className='d-flex justify-content-between'>
  <div>
    <p>John</p>
    <p>Cena</p>
  </div>

  <span className='custom-icon'>StarIcon</span>
</div>

CSS：

.custom-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
}