How to make a similar border (border)?

Question

css

Hello! How are such borders made with a title in the center of the top line, which is shown in the figure?

Answer 1

Well, there are two options here.
1. the header is a padded container that has the same background as the parent and is positioned exactly the same
2. the header and horizontal lines are divs with float:left; and the container with the text below them has border-right , border-left and border-bottom but doesn't have border-top

Answer 2

Try the solution from this question. Just what you might need.