Окружите содержимое рамкой из текста

То, что я пытаюсь здесь сделать, это иметь какое-то содержание, в данном случае слово «НЕТ» (размер шрифта, конечно, достаточно большой для этой идеи) и окружить его цитатой Мастера Йоды в качестве своего рода «границы».

#boxContent {
  font-size: 55px;
  font-weight: normal;
}

body {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
}

#bodyFormat {
  margin: 100px;
  padding: 10px;
  background-color: salmon;
  width: 250px;
  height: 125px;
}

.boxSides {
  display: inline-block;
  border: solid 2px darkGreen;
  /*height: 100px*/
}

#LeftBorder {
  transform: rotate(-90deg);
  /*margin: 40px 0 0 0;*/
}

#RightBorder {
  transform: rotate(90deg);
  /*margin: -80px 0 0 100px;*/
}

#bottomBorder {
  transform: rotate(180deg);
}

<div id=bodyFormat>
  <!--Close Box top-->
  <div>DO OR DO NOT</div>

  <!--Close Box left side-->
  <span class = "boxSides" id = "LeftBorder">BE WITH YOU</span>

  <!--Inside Box-->
  <span id = "boxContent">NO</span>

  <!--Close Box right side-->
  <span class = "boxSides" id = "RightBorder">MAY THE FORCE</span>

  <!--Close Box bottom-->
  <div id = "bottomBorder">THERE IS NO TRY</div>
</div>

```

Это самое близкое, что у меня есть, но вы можете догадаться, что оно недостаточно близко.

Вот так это выглядит (если интересно, то да вырезано)

Я бы хотел, чтобы он был очень плотным, похожим на границу, более или менее в этом размере (размер шрифта)

Я уже пробовал менять свойства с <span> на <div> и <p> с изменением отображения с блочного, inline-flex/grid/block туда и обратно. Точно так же, как изменение значений отступов и полей вперед и назад. Каждое другое созвездие приводило меня к чему-то вроде этого:

Выглядит неплохо, но пока не то, что хочется.

В поиске нашел только это: Как создать границу с текстом

И этот ответ: https://codepen.io/mrigankvallabh/pen/LYNYoMq

Но, во-первых, я не очень понимаю, что происходит в коде (если кому-то не терпится, не стесняйтесь объяснять :) А во-вторых, те части, которые я понимаю, показывают мне, что это решение этой конкретной проблемы. Наличие рамки вокруг бумаги, ориентированной скорее снаружи, чем внутри.

Я также читал о наборе полей и легенде, а также о абсолютном перемещении текстовых блоков на границу с изменяющимся фоном, но не вижу подхода, который заставит это работать, поскольку вокруг содержимого не должно быть линии.

И другое (не столь важное, но все же). Я написал сплошную границу для сторон из любопытства, потому что фон (#bodyFormat - лосось), кажется, растягивается так же широко, как и текст до преобразования (поворота), если вы понимаете, о чем я. Но похоже, что рамка вокруг текста границы сформирована вокруг содержимого, не занимающего пространство вращения. Изменение полей или ширины просто снова перемешивает все. (Для ширины она изменяется ровно на 218 пикселей, если вам тоже интересно). Как убрать излишки фона?