Изменение размера шрифта заголовка выходит за пределы окна ⇐ CSS

[Anonymous]

Я новичок в CSS и пытаюсь создать заголовок, в центре которого будет заголовок веб-сайта. Единственное, когда я пытаюсь увеличить шрифт, он смещается вниз и в конечном итоге выходит за пределы поля заголовка. Я хочу сохранить это внутри, но понятия не имею, как это сделать.
Вот что у меня пока получилось:
header {
background-color: #ffd7f5;
color: #fe8fd3;
text-align: center;
font-size: 47px;
position: fixed;
top: 0;
width: 100%;
height: 110px;
z-index: 5;
margin: auto;
border-radius: 5px;
border: 5px dashed #fe8fd3;
}

а это html:


Header Title




Подробнее здесь: https://stackoverflow.com/questions/792 ... om-the-box