SemanticUIでUIを中央寄せをどうやるのかわかりませんでた。
ボタン2つを中央寄せにしたいケース。
<div class="ui grid">
<div class="eight wide column">
<a class="ui button" href="#">東京都</a>
</div>
<div class="eight wide column">
<a class="ui button" href="#">神奈川県</a>
</div>
</div>
中央寄せのクラスを足す
中央寄せのクラスは、center aligned
のようです。
<div class="ui center aligned grid">
<div class="eight wide column">
<a class="ui button" href="#">東京都</a>
</div>
<div class="eight wide column">
<a class="ui button" href="#">神奈川県</a>
</div>
</div>
center aligned
じゃなくてcentered
でもいいみたいです。まだ試していませんが。
つまり右寄せなら
おまけですが、 right aligned
で右寄せということになりますね。
確認
ちゃんと中央寄せされていました😂
デモはこちらです。