Html 如何将此网站的内容置于中心位置？

所以我一直在做一个网站的作业，出于某种原因，我似乎无法调整网站的内容。这是一个简单的布局。这是纯粹的内容，没有侧边栏或任何东西。以下是内容的HTML：

---

提前谢谢大家。我试图将内容图像与背景图像对齐，以产生淡入淡出的效果，但无法使内容居中。

您需要做的就是删除

float:left和
显示：内联#content
css选择器中选择code>。
删除
浮动：左来自
#内容
并添加
显示：块到它。它应该居中。
从CSS内容中删除以下内容：

display: inline;
float: left;

将内容的样式更改为

显示：内联
 非常感谢你。第一年的编码。感谢您的提示和简单的解释。@EstebanRodriguez，如果这回答了您的问题，请将其标记为已回答。
body {
background: black;
font-family: Trajan Pro,Arial, Helvetica, sans-serif;
font-size: 28px;
text-align: center;
background-image: url('img2.jpg');
background-repeat: repeat-x;
background-position: bottom center;
background-size: 460px 300px; 

}

#content { 
float: left;
color: #333;
border: 1px solid #ccc;
background: transparent;
margin: 0 auto;
height: 1024px;
width: 460px;
display: inline;

}

display: inline;
float: left;