Первая показалась мне суховатой по ответам
проверяла мои работы
Мне нужно именно таким способом подключенный шрифт использовать.
Я хочу добавить к себе в сервис google fonts и мне нужно preview
<svg>
<defs>
<style>
@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap');
</style>
</defs>
<text font-family="Merienda" font-size="18" font-weight="500" fill="#FF0000" x="9" y="27">Merienda</text>
</svg>(но у меня нет двух мониторов)
Может быть есть какие-то домены любого уровня, которые фиксируются навсегда и не однодневки при этом?
ваш-пользователь.github.io/проект, а просто ваш-пользователь.github.io
И почему не использовать грид?
А по теме вопроса, вариантов центрирования полно. Из простых margin-inline auto, указав ширину этого вашего пунктира или те же флексы/гриды родителю.
Можно добавить after с flex-grow, чтобы занял всё доп пространство.
Либо использовать гриды.