Czy możliwe jest poziome wycentrowanie elementu liniowego bez dodatkowych znaczników lub stylizacji kontenerów nadrzędnych?

Question

Pytanie jest w zasadzie już podane w tytule, ale w celu wyjaśnienia: Próbuję poziomo wycentrować kotwicę <a> w głównym obszarze zawartości.

Chciałbym zrobić to bez:

• Używanie stałych szerokościach
• dodanie dodatkowych znaczników (dodatkowy rodzica div na przykład)
• Styling kontenera nadrzędnego (tak ustawienie rodzica text-align:center na przykład)
• Ustawienie <a> jako bloku o pełnej szerokości (chciałbym, aby obszar klikalny był duży jak samo łącze)

W zasadzie chciałbym to zrobić poprzez samo ukształtowanie kotwicy w css, w sposób dynamiczny (shrinkwrap). Próbowałem, ale jeszcze nie znalazłem sposobu, czy ktoś wie, jak to zrobić?

Answer 1

Spróbuj tego - DEMO

a { 
    display: table; 
    margin: auto; 
}