网页的中心内容

ala*_*dey 5 html css

我想"集中"我的网页的文字和内容.现在我不想将文本对齐到中心,我仍然想要左对齐,但我想要左右边缘有明显的边距,这样所有东西看起来都相对中心.你能告诉我HTML/CSS来实现这个目标吗?谢谢.

Cᴏʀ*_*ᴏʀʏ 11

<html>
<head>
<style type="text/css">

body {
   text-align: center; /* Center in IE */
}

#content {
   text-align: left; /* reset text-align for IE */
   margin: 0 auto; /* Center in other browsers */
   width: 800px;
}

html {
   overflow: -moz-scrollbars-vertical; /* Force vertical scrollbar in FF */
}

</head>
<body>
<div id="content">

   content here

</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

*更新:根据下面的一些评论,我添加了一些强制FF垂直滚动条的CSS.


jan*_*ann 2

#wrapper {
    width: 800px;
    margin: 0 auto; 
 }

<div id="wrapper">
     <p>This will appear in a centered container</p>
</div>
Run Code Online (Sandbox Code Playgroud)