HTML: Text won't center (<div>)

Issue

I'm making a website for our Roblox group

I am trying to center this text (and the button below), but it looks off... Image

It "centers" but it just looks not, I tried searching everywhere but nothing helps

The text code:

<div style="font-family: 'Algerian'; color: #000000; font-size: 1150%; position: absolute; left: 50%; top: 10%">EUROPA</div>

Solution

add transform:translate(-50%,-50%); to you code

Answered By - Junaid Shaikh