Javascript Вопрос о разрыве границы и линии кнопки

Question

У меня проблемы с моей javascript веб-страницей. Мой первый вопрос: как создать небольшую рамку вокруг заголовка? Нижняя часть примера веб-страницы моего профессора выглядит так: https://i.imgur.com/4DVozv9.png

Нижняя часть моей веб-страницы пока выглядит так: https://i.imgur.com/8STmOGd.png

Я не понимаю, как сделать эту маленькую рамку вокруг заголовков «Способ доставки», «Адрес доставки» и «Детали платежа».

Также по какой-то причине «
"Тег" на моей кнопке "Завершить платеж" по какой-то причине не помещает мою кнопку в следующую строку. Вот мой код, но обратите внимание, что он неполный, поэтому мои функции и другие возможности еще не готовы, прямо сейчас я просто сосредотачиваюсь исключительно на презентации. Спасибо за ваше время.

Answer 1

Вы можете добавить div к своим 3 разделам и установить для него границу.

Answer 2

Я не понимаю, как сделать эту маленькую рамку вокруг заголовков «Способ доставки», «Адрес доставки» и «Платежные реквизиты».

CSS

border: 1px solid;
border-radius: 25px;