html - アンカータグを中央のボタンに揃える方法

Question

中央に水平に揃えたいボタンリンクがあります。これがボタンのコードです-

HTML:

<a href="#"><button class="downloadButton">Download</button></a>
今、これを中央に揃えたいと思います。同じものに可能な CSS を提案してください。このフィドルはJS Fiddle で見つけることができます

<center>PS :-タグを使いたくない

Answer 1

Working FIDDLE Demo

buttonの中で使用する理由a。だけを使用できますa。とへtext-alignの親centerの作成。

<div class="center">
    <a href="#" class="downloadButton">Download</a>
</div>

そして親の CSS:

.center { text-align: center; }

paddingリンクにa を設定します。

.downloadButton { padding: 7px 20px 8px 20px; }

Answer 2

これを試して：

body{ /* or parent element */
    text-align: center;
}
a{
    /* wraps this element according to width of the child element.(here) */
    display: inline-block; 
} 

働くフィドル

Answer 3

ここにいます： http://jsfiddle.net/594DY/1/

a {
    display: block;
    margin: 0 auto;
    width: 150px;
}

Answer 4

aボタン全体をタグとともに中央に揃えたい場合は、これを使用します

a {
        width: 150px;
        display: block;    
        margin-left: auto;
        margin-right: auto;
    }

aまたは、タグ内のボタンの中心を揃えたい場合はこれを使用します

a {
     width: 100%;
     display: block;    
     text-align: center;
  }