Как обеспечить, чтобы содержимое span росло справа, а не слева в CSS

#html #css

Вопрос:

У меня есть тег span и есть такие стили css:

 position: absolute;
top: 5px;
right: 125px;
font-size: 9px;
color: #fff;
font-weight: 700;
background-color: #19b385;
display: inline-block;
padding: 1px 5px;
min-width: 12px;
border-radius: 50px;
user-select: none;
 

Но проблема в том, что если я добавляю все больше и больше контента, например <span>100000</span> , то он растет слева, но я хочу, чтобы он рос справа

Ответ №1:

Если вы установите значение left позиции вместо right значения, то оно будет зафиксировано с левой стороны, поэтому должно вырасти вправо.

Попробуй left: calc(100% - 125px) или что-то в этом роде.