How to align the elements in the header vertically?

Question

css

I’ll be brief, I’m learning to type according to layouts, I can’t make the elements in the header be like on the layout in the center perpendicularly (I know how to scatter them along, don’t pay attention that they are at the beginning of the line). Yes, and a hat with some then got off. Here is the layout:

the code and what it does, marked the places where the cap comes off with arrows:



I'm sure the solution is simple, but I can't find it, please help.

Answer 1

Try
align-items:center;