html - HTML要素の絶対中心にテキストを配置する

Question

こんにちは、私が構築しているこのサイト全体で使用できる非常に単純な x 削除ボタンを作成しようとしていますが、適切に配置できないようです...

これはこれまでのところです：

<button id="clear-input-location" name="clear-input-location">×</button>


#clear-input-location {
    display:block;
    background: #CCC;
    color: #FFF;
    border: none;
    font-weight: bold;
    font-size: 20px;
    border-radius: 20px;
    line-height: 0;
    height: 26px;
}

ここでフィドルを参照してください：http://jsfiddle.net/kpheR/

Answer 1

これを試して

<div class="a">
  <button id="clear-input-location" name="clear-input-location">×</button>
</div>

.a{
  text-align:center;
 }

デモ

Answer 2

追加margin: 0 auto; スタイルをテキストに追加すると、これは水平方向に中央揃えになります。