День добрый! Как можно центрировать текст на серой линии? div {

Question

День добрый! Как можно центрировать текст на серой линии? div {

display: flex;
align-items: center;
gap: 10px;
}

h1, p {
margin: 0;
border: 1px solid #333;
}

align-items: baseline начинается чуть ниже, также попробовал через position: relative но при смене шрифта, его размера, всё приходится считать заново.