我想将一些按钮放在div html中

Question

我是css的新手，我在处理css方面遇到了严重的麻烦，我正在使用grails做一个proyect但我有这个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。