How to make such headers?

Question

css

Good afternoon. Interested in how to make such a header, which has horizontal lines drawn on the sides. Example(Figure 1)

Answer 1

In my opinion, the easiest option is through pseudo-elements (:before :after).
Something like this: codepen.io/GoooodBoy/pen/wKmBKN

Answer 2

Options:
1. Put a picture or two on the background.
1.1. Container for a header with a stripe on the background, and the header overlaps the background and has width:auto; and margin:auto;
2. Table 3 columns two rows, middle rowspan-2 at the top left and bottom right top border

Answer 3

what will happen to the title when the screen is reduced? Lines stay or narrow just

Answer 4

If it’s completely correct, and to make it rubbery, use the :before, :after and flexbox pseudo-elements.