HTML+CSS. Ширина блочного элемента по его контенту без обтекания.

Рейтинг: 1Ответов: 1Опубликовано: 03.10.2014

Здравствуйте.
Есть несколько <div>. В каждом из них разный по ширине контент.
Задача: сделать каждому <div> ширину, равную ширине содержимого, без inline-block, так как inline-block делает <div> обтекаемым строчными элементами.
Пробовала:

div {
    inline-block;
    clear:both;
}

max-width не подходит.

css html вёрстка
Источник: Stack Overflow на русском

Ответы

▲ 1

Так годится?

div {
  display: inline;
  background: silver;
}

div::before, div::after {
  content: "";
  display: block;
}
Тут был текст <div>А потом div</div> И снова текст