如何以HTML格式集中所有内容

时间:2013-12-29 21:23:09

标签: html css

我有一个JSP页面,我试图集中所有内容。我在下面有以下HTML脚本。

<html>
<head>
<title></title>
</head>
<style type="text/css">
    body{text-align:center}

</style>

<body>

    CONTENT HERE!<br>
My name is XXXX, and please call me XX.


</body>
</html>

在网络浏览器中进行测试时,它确实居中,但每个句子的开头都没有对齐。我该如何调整呢?

如果有人能帮助我,我感激不尽。

1 个答案:

答案 0 :(得分:4)

您想插入一个容器并将其置于中心位置 → jsFiddle

<body>
  <div id="wrapper">
    CONTENT HERE!<br>
    My name is XXXX, and please call me XX.
  </div>
</body>
#wrapper {
  width: 70%;     /* specify a width! */
  margin: 0 auto; /* center */
}