html - div html 内のいくつかのボタンを中央に配置したい

Question

私はcssが初めてで、cssを扱うのに深刻な問題があります.grailsを使用してプロジェクトを実行していますが、このdivがあります

<div class="header">
<g:link controller="history" action="create" class="headerButton">New Consult</g:link>
<g:link controller="patient" action="list" class="headerButton">Patient</g:link>
<g:link controller="history" action="list" class="headerButton">Search</g:link>
</div>

これらのボタンを div の中央に配置したい css ですべてを試しましたが、常に左にくっついて動作しません

解決策はありますか??

Answer 1

.header{text-align:center;}

また

<div style="text-align: center;" class="header"></div>

Answer 2

これを試してください

<div style="text-align: center;" class="header">Your Buttons</div>

or

<style>
   .header {text-align: center;}
</style>

Answer 3

CSS の使用div.header{text-align:center;}では、たとえば、このjsFiddleを参照してください。