Как позиционировать псевдоэлемент при text-align:right?

Question

[Erl]

JS Fiddle
Как разместить точку рядом с текстом?
Понятно что если знать размер текстового блока то проблем нет, но если блок резиновый? допустим резина с 1200 до 1000, точка уже съезжает
пробовал и как иконку добавить рядом, но что то, не могу понять)

Answer 1

[Вадим]

Не нужно абсолютно позиционировать и будет как Вы хотите. По умолчанию псевдоэлементы - инлайновые.

.element__text::before {
  content: "";
  display: inline-block;
  height: 0.20em;
  width: 0.20em;
  background: red;
  border-radius: 50%;
  text-align: right;
}

Comments

[Erl]

вот так всегда, ответ лежит на поверхности, а я копаю в ширину)
спасибо