我想把一些按钮放在div html的中心

我是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的所有功能，但它总是粘在左边不起作用

有什么解决办法吗？？？

请试试这个

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

or

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

您的按钮
或
.header{text align:center；}

在CSS中使用

div.header{text align:center；}

，例如，请参见此

或

在div中添加一个边框，然后您可以直观地看到原因。我希望这可以解决您的问题，这个jsFiddle非常棒，从现在起您可以解决很多问题，谢谢！

.header{text-align:center;}

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