#siteInfo input[type="button"] {
  background: none repeat scroll 0 0 #66A3D2;
  border-color: #FFFFFF #327CB5 #327CB5 #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  border-style: solid;
  border-width: 1px;
  Box-shadow: 1px 1px 3px #333333;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  text-shadow: 1px 1px 1px #000000;
}

<div id="siteInfo">
  <p>Some paragraph.</p>
  <input type="button" value="Some Button">
</div>

我希望按钮与中心对齐;然而，即使CSS中的text-align：center，仍然在左边。我也不想指定宽度，因为我希望它随着文本的长度而改变。我怎么做？

我知道解决方案很简单，但我找不到合适的方法。我有时会将它包裹在< p>周围。中心对齐的标签，但这是我想避免的额外标记。