html - Web サイトのコンテンツを中央に揃える

Question

整列に問題があります。これは私のコードです。

HTML:

<div id="alt">
<p>this is a sample text</p>
</div>

CSS:

#alt{
display:block; position: absolute; top: 400px; left:500px;  }

コードを使用すると、すべてがうまく見えます。しかし、ブラウザのズームレベルを下げると。その左に行きます。中央に残してほしい。これを解決するのを手伝ってください。