【問題】

#sample {  text-align: center; }

と指定したボタン

<body>
  <div id="sample" >
    <input type="button" id="hoge" value="huga" />
  </div>
</body>

が、画面中央に配置されない。

【原因】

text-align は、インライン要素にのみ有効とのこと。

CSSにおいて、

#sample {
              margin-left: auto;
              margin-right: auto;
}

と指定した。

DRY