このコンテナを上、左、右から中央に配置するにはどうすればよいですか?以下にあるものを試しましたが、機能しません。何が欠けているのかわからない:
 HTML: 
<div class="box"> 
     <p>This is a sentence.</p>
</div>
 CSS:
 .box {
 background-color: #444444;
 color: #888888;
 margin: 0 auto; 
 position: absolute;
 width: 1000px;
 height: 20px;
 }