как разместить текст чтобы он во вставляемом блоке был всегда по вертикали в центре?
вот код: <head><style> .gfla{ position:fixed; top:37.5%; font-family: "Roboto Thin"; color: white; text-shadow: black 0px 0px 7px; } .gflabl{ font-weight:700; position:absolute; top:37.5%; font-family: "Roboto Thin", "Handlee cursive"; color: Black; text-shadow: white 0px 0px 7px; } .note{ font-size:3em } .notemin{ font-size:1.5em; } @media (max-width:350px) {.gfla{top:18.75} .note{ font-size:2em; }; .notemin{ font-size:1em; }}</style></head><div class="gfla"><div class="note">Заголовок текста</div> <div class="notemin">еще много-много текста. и еще мнооооооооого теееекста. бла бла бла. <div></div> скажу сразу, так как я сделал совсем не работает на телефоне