Foundation 6 für Sites: Wie man Anker-Tags zentralisiert?

Question

Ich versuche, einen Anker-Tag in Fundament 6 zu zentralisieren, ich habe die float-center Klasse versucht, aber statt zentralisieren wird es erweitert:

Mein Code

<div class="column"> 
    <!-- some html --> 
    <a class="large success button float-center">Sign Up</a> 
</div> 

Answer 1

Weil float-center haben display:block CSS-Eigenschaft. Entfernen Sie float-center von a Tag und fügen Sie text-center Klasse in column Div.

<div class="column text-center"> 
    <!-- some html --> 
    <a class="large success button ">Sign Up</a> 
</div>