Направление текста RTL и центр выравнивания текста не работает

Question

У меня возникли некоторые трудности в рендеринге центра ввода. Я использую направление RTL с некоторым отступом.

Но когда текст выравнивается по центру, он принимает во внимание размер отступа, таким образом, в центре экрана.

https://codepen.io/anon/pen/PKPrOx

.star-cb-group {
  font-size: 0; 
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
}

Может кто-нибудь помочь указать мне правильное направление, как решить?

Спасибо

стог

Answer 1

Самый простой способ - удалить цифры с меток и удалить текстовый отступ.

https://codepen.io/anon/pen/wqKLxb

Если вы должны сохранить цифры там, вы можете удалить текстовый отступ и скрыть цифры, установив метки на visibility: hidden; и установка элементов:: before в visibility: visible;

https://codepen.io/anon/pen/EvVBdX

Answer 2

Добавьте эти две строки и удалите выравнивание текста: центр
ширина:100px; Маржа: авто;