У вас родитель для текста имеет 100% ширину от своего родителя, являющегося таблицей с нулевой шириной. Для начала задайте таблице ширину, а потом уже пробуйте что-то по центру размещать.
https://codepen.io/aliencash/pen/BawbqNp
Во-первых, это свойство действует только на inline элементы.
Во-вторых, ширина элемента должна быть явно ограничена, иначе браузер не поймет где ему обрезать строку.
Никакого 3.14деца тут нет. (Ошибаюсь, есть) Это абс.нормально. (Нет) Google Fonts отдает похожий код. (Не совсем) По второму вопросу - такой расчет нужен для адаптивности, чтобы на мобильных шрифт не был слишком маленьким, а на десктопах слишком большим. Немного устаревший подход с появлением функции clamp, но приемлемый в связи с браузерной поддержкой.
Скорее всего, вы неверно понимаете как работает позиционирование в css. Но сказать точно сложно без вашего кода.
Вот модельный пример - https://codepen.io/aliencash/pen/wvoOGrg?editors=1100
Как видно размеры внутренних блоков никак не влияют на размеры родителя, если они спозиционированы.
