html - 中央の div が完全に中央に配置されていません

Question

おはようございます。サイトを見回して、ここのいくつかのスレッドからの提案を試してみたところ、div が中央に配置されましたが、div の左端が中央に配置されています。div 内のコンテンツを中央に配置したいのですが、そして、div自体が中央に配置されました。

これが私の言いたいことです。

CSS にマージンが隠されている可能性はありますか (混乱のようなものです)。

Answer 1

中央に配置されたdivの幅は、その内容よりも大きくする必要があります。ulの幅は515pxなので、中央のdiv幅を600pxに変更しました。

#centered {
    position: relative;
    width: 600px; /* This width must be greater than the content width. */
    margin: 0 auto;
    text-align: left;
}