Автоширина блока по содержимому

МыЗаМир

Можно как то блок чтобы ширина растягивалась?
<html>
<head>
<title>title</title>
</head>
<style type="text/css">
.d{
    border: 1px solid green;
}
</style>
<body>
<div class="d">text</div>
</body>
</html>
Выводит границу на весь экранА нужно чтобы был вокруг текста и когда текст добавляем тогда только растягивался.
3 ответа

МыЗаМир

.d{
  display:inline-block;
}
или
.d{
  float:left;
}


МыЗаМир

Как вариант:
.d{
  display: table;
}


МыЗаМир

Лучше добавить в див еще один элемент (абзац или span), чтобы следующий за дивом элемент не вставал с ним в один ряд, а был под ним.
.d p {
  display: inline-block;
  border: такой-то бордер
}