CSS — сделать элемент коротким самостоятельно ⇐ CSS

[Гость]

Итак, по сути, я сделал входной элемент шириной 90% от ширины родительского элемента.
Я создал тег span после входного элемента. Поэтому я хочу, чтобы в соответствии с содержимым тега span размер входного элемента сам менялся и становился коротким.
Но у меня возникла проблема с этим...
вот HTML-код:
вот CSS-код, который

Код: Выделить всё

.input-field input{
width: 450px;
max-width: 90%;
height: 30px;
}

Код: Выделить всё

 Full Name

Must be your really long full name

Я пробовал авто, изменение размера и т. д., но ничего не помогло.

Код: Выделить всё

.input-field input{
width: 450px auto;
max-width: 90%;
height: 30px;
}

Использование auto просто сделало его меньше.

Код: Выделить всё

.input-field input{
width: 450px;
resize: auto;
max-width: 90%;
height: 30px;
}

Я тоже пробовал изменить размер, но ничего не помогло. Я также пробовал изменить размер: по горизонтали;
Поэтому мне нужна помощь..

Подробнее здесь: https://stackoverflow.com/questions/782 ... on-its-own