Помощь с версткой

Обьясните пожалуйста как сделать так, чтобы ширина слоя (div) растягивалась по ширине контента, а не всю длину доступного ей пространства.

Простите, чего? Какого контента?
Поясните вопрос или лучше приведите пример кода.

У меня вот такая новость.

Два нижних слоя (черный и серый) имею такую структуру:

ccs


.news-autor {background:#333333;  color:#cccccc; font-size:10px; height:16px; width:190px; margin-left:20px;  padding-left:10px; padding-top:3px;}

.news-info {background:#f3f4f4; height:18px; width:70%; border: 1px dashed #dddddd;  margin-left:20px; padding-left:10px; padding-top:5px;}


html


<div class="news-autor">тра-та-та</div>

<div class="news-infor">тра-та-та</div>

Сейчас ширина блоков фиксированная. Если её отключить, то эти блоки расширяются на всю доступную им длинну.
Как сделать так, чтобы блок расширялся не на всю ширину, а только на ширину контента внутри

Простейшее - float:left или display:inline.

Помогло, но...
Если обоим слоям ставлю display:inline - они становяться в одну строчку..

Мне вообще не нравится ни html (глядя на скриншот) ни css.
Ну, сделайте, например "float:left;clear:both;", но код от этого лучше не станет.

В каком плане не нравиться?

Новости - не кучка div'ов.
css ну хотя бы ->

.news-autor {

margin-left:20px;

padding:0 2em;

background:#333;

font:XXem/YYem Arial,sans-serif;

color:#ccc;

}

.news-info {

margin-left:20px;

padding:0 2em;

background:#f3f4f4;

border:1px dashed #ddd;

font:XXem/YYem Arial,sans-serif;

}

magin-left тоже бы не должно повторяться

До вас долеко, но на днях обязательно изучу эти em!
Большое спасибо за то что немного повысили мой уровень знаний!)

ссылка - вот еще на первых порах поможет калькулятор подсчета em

<div class="news">

	<div class="author">тра-та-та</div>

	<div class="info">тра-та-та</div>

</div>

либо

<div class="news author"></div>

<div class="news info"></div>


.news {

	margin-left:20px;

	padding:0 2em;

	font:XXem/YYem Arial,sans-serif;

}

.news.author {

	background:#333;

	color:#ccc;

}

.news.info {

	background:#f3f4f4;

	border:1px dashed #ddd;

}