HTML入力方向rtl

Question

私は電卓アプリケーションを作成しています。表示された番号を見ることができるディスプレイセクションには、HTML入力タイプのテキストを使用しています。私は方向をRTLに変更しましたが、最初の番号を入力すると、その番号はイタリック体の一種であるため、完全な番号を見ることはできません。

私は数字を左に押して何らかのパディングをしていますが、成功しません。ここにスクリーンショットがあります。

Answer 1

div{ 
 
    width:50px; 
 
    height:20px; 
 
    border:1px solid black; 
 
    direction:rtl; 
 
    padding:0 5px; 
 
}

<div> 
 
    <i>777</i> 
 
</div>

Answer 2

input{ 
 
    text-align:right; 
 
    font-style: italic; 
 
}

<input type='text' value='777' readonly>

使用text-align:right;

Answer 3

input[type="text"] { 
    text-align: right; 
    padding-right: 14px; 
    font-style: italic; 
}