テキストの方向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;にラベルを設定し、visibility: visible;

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

に要素の前に::を設定することで、数字を隠すことができ

Answer 2

これらの2行を追加して、テキストアラインメントを削除します。center
width：100px; margin：auto;