У меня есть div, в котором пользователь вводит текст. Но я хочу увеличить его ширину в соответствии с текстом до 50% экрана. Мой код CSS:
.messages {
max-width:50%;
min-width:150px;
background: #ffeec0;
padding:2px;
margin:3px;
-webkit-border-radius: 2px;
border-radius: 2px;
border:1px solid #ffdd7c;
}
Результат:
После сообщения "555" много места, я хочу этот размер только в том случае, если пользователь вводит некоторый текст:
Итак, как увеличить динамическую ширину div в зависимости от размера текста?