bondplus

спасибо большое, как раз то что нужно

Здравствуйте! извиняюсь за глупый вопрос, но совсем новичек и не могу придумать как сверстать такой элемент в макете: Можно ли эти скобки сделать border ом? пытался найти, но так и не нашел как сделать такие границы. Сделал пока так: <div class="bkt">[</div> <span class="title">КАТЕГОРИЯ 1 текст текст текст</span><div class="bkt">]</div>.title { font-size: 16px; text-align: center; width: 70%; float: left; line-height: 1;}.bkt { font-size: 25px; float: left;}Но вариант совсем корявый у родительского элемента размеры должны быть указаны, а они для каждой категории разные будут... Подскажите, как такое правильно сверстать?