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

[Anonymous]

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

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



.myspan {
background-color: #ddd;
}

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



Hello!

< /code>
< /div>
< /div>
< /p>

Я бы хотел Пользователь падает над элементом.


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