Выравнивание разных текстов в одном блоке

Хочу сделать так, чтобы в одном блоке один текст всегда был ровно в центре блока, а второй текст был всегда справа. Сейчас пока у меня первый текст центрируется в зависимости от размера второго текста. Для понимания выделил середину

.my_class {
  text-align: center;
  border: 1px solid black;
  background: linear-gradient(to right, green 50%, red 50%);
}

.my_class a span {
  float: right;
}
<div class="container my_class">
  <a>TEXT <span>text text blah blah blah blah</span></a>
</div>


Ответы (1 шт):

Автор решения: Инквизитор

Вам придется сделать два блока, один над другим. У одного текст по центру, у второго - справа.

→ Ссылка