HTML+CSS+JavaScript

как сделать чтобы ширина и высота всегда соответствовала написаному тексту

делаешь блоки один внутри другого и для внутреннего margin-top: 0; margin-bottom: 0;

upd
margin: 0

он займет 100% родителя, но никак не под длинну текста подстроиться.

floaf:left;

или

display:inline;

поясните,пожалуйста. Я просто сам не очень разбираюсь.

да тоже хотелось бы узнать поподробнее=)
или лучше делать с помощью js?

<div style="background:yellow;float:left">как сделать чтобы ширина и высота всегда соответствовала написаному тексту</div>


<div style="background:yellow;diplay:inline">как сделать чтобы ширина и высота всегда соответствовала написаному тексту</div>

когда вернулся к этому делу ,то забыл важную деталь (

нужно чтоб начальное значение блока было
высота 160px;
ширина не изменялась , всегда 310px

а если человек написал текста больше чем по высоте стандартного блока, то тогда блок должен быть высотой равной текста

думаю нужно в js сделать проверку с if () else () ну так как я плоховато знаю js не очень понятно как js будет узнавать значение высоты блока чтоб правильно определить что нужно делать

или есть другие способы решения проблемы?

min-height: 160px;

а этот код куда сувать =)) это css ?
что то не очень понятно или этот код все проблемы решит или это то что должно где то присудствовать

нуда- это css. Добавьте его к стилям блока - это параметр задает минимальную высоту объекта