Растянуть блок по ширине содержимого без span

[kedovan]

Есть следующий код:

<div style="width:300px">
бла бла бла
<code style="display:block; white-space:nowrap"><span style="border:#000 1px solid">тут иногда длинная строка</span></code>
бла бла
</div>

Использую тег span только потому что если применить border к code, бордер растягивается на ширину блока div, а не ширину текста внутри code.

Посоветуйте, как избавиться от семантически лишнего span.

[s0rr0w]

Посоветуйте, как избавиться от семантически лишнего span.

code { display: inline }

[kedovan]

code { display: inline }

а как тогда сделать, чтобы code был на отдельной строке, как раньше когда display:block?

[s0rr0w]

а как тогда сделать, чтобы code был на отдельной строке, как раньше когда display:block?

Используйте span

[kedovan]

Используйте span

Как в первоначальном варианте?

[s0rr0w]

Как в первоначальном варианте?

У вас две противоречащих друг другу задачи. Нет такого блока, который ведет себя как блок и строчный элемент одновременно.

[Int]

можно ставить <br> =)

[Great Rash]

Можно вот так извратиться:

<div style="white-space: pre; border: 1px solid;"><code style="display: inline; font-size: 16px; white-space: normal; border: 1px solid;">text text text</code>
<code style="display: inline; font-size: 16px; white-space: normal; border: 1px solid;">code code code</code></div>