Как сделать рамку вокруг текста на css

блин, так просто! Вариант

Я не гуру верстки, но сделал так https://codepen.io/wtf322/pen/ZEJBxvZ

Таблицу юзать такое себе решение как по мне

Вы просто адепт div вот и всё. Сделать таблицу через div, главное не использовать таблицы, даже когда нужно сделать таблицу НЕ использовать таблицы, только div!

Я знаю этот клуб 😁

поменяй в верстке div на спан если див не нравится. Или думаешь что проблема будет с DOM но это не так

<style>
.bordered {
        position: relative;
        width: 50%;
        border-left: 2px solid #f00;
        border-right: 2px solid #f00;
        padding: 40px 10px;
        margin: 50px;
}
.bordered::before, .bordered::after {
        content: '';
        display: block;
        position: absolute;
        left: -30px;
        width: calc(100% + 60px);
        height: 30px;
}
.bordered:before {border-bottom: 2px solid #f00; top: 0;}
.bordered:after {border-top: 2px solid #f00; bottom: 0;}
</style>

<p class="bordered">
12345 - вышел зайчик погулять
</p>

Во! Вот это прикольный вариант