Środkowanie poziomo tekstu i samego bloku

Do wyśrodkowania tekstu mamy: text-align

Jeśli blok ciągnie się na całą szerokość to nam to wystarczy by tekst był na środku

Jeśli szerokość bloku jest w jakiś sposób określona to w zależności od wartości własności position:

• jeśli position: relative; to wystarczy ustawić marginesy lewy i prawy na 'auto'
• jeśli position: absolute;to dodatkowo pozycje z lewej i prawej ustawiamy na 0

Możemy też obliczyć ręcznie (np. odejmując szerokość elementu i marginesy) i pozycję do jakiego punktu należy przesunąć blok.

Możemy też przesunąć do połowy rodzica (left: 50%) i zmniejszyć te przesunięcie o połowę samego już elementu za pomocą transform: translateX(-50%);