Как я могу изменить ширину контента с помощью width: auto? ⇐ CSS

[Anonymous]

У меня есть элемент, ширину которого я хотел бы анимировать при изменении его содержимого. Его ширина: auto, и она никогда не меняется. Я видел этот трюк, но он предназначен для перехода между двумя значениями, и одно из них установлено. Я вообще не манипулирую значениями, а только содержимым, и мне бы хотелось, чтобы размер моего элемента менялся с помощью анимации. Возможно ли это вообще в CSS?

Вот упрощенная версия моего кода:

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

.myspan {
background-color: #ddd;
}

.myspan:hover::after {
content: "\00a0\f12a";
font-family: Ionicons;
font-size: 80%;
}

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

Hello!

Мне бы хотелось, чтобы изменение размера анимировалось при пользователь наводит курсор на элемент.

Подробнее здесь: https://stackoverflow.com/questions/386 ... width-auto