Граница вокруг многострочного текста в div (html / css)

Question

Я хочу иметь рамку вокруг многострочного текста, у меня есть:

Morbi hendrerit pretium nibh quis <span style='border: 1px solid black;'>
mattis. Blah blah blah</span> blah blah...

Теперь, когда интервал охватывает более одной строки, вокруг каждой строки текста создается граница, чего я не хочу - я стремлюсь к границе вокруг целого блока, с текстом, находящимся внутри ( display: block / inline-block не выполняет работу должным образом).

Есть ли способ достичь этого, не играя с javascript?

Answer 1

Обернуть всю строку в div и установить его для отображения: inline-block.

<div style="border: 1px solid black; display: inline-block">
  Morbi hendrerit pretium nibh quis<br>
  mattis. Blah blah blah blah blah...
</div>

Answer 2

А как насчет использования встроенного div вместо span?

Morbi hendrerit pretium nibh quis <div class="inline-border"> mattis. 
Blah blah blah</div> blah blah...

и в вашем CSS

.inline-border {border: 1px solid black;display:inline}

Answer 3

Используйте <div> вместо <span>. Это может решить проблему.