仅允许使用HTML：带边框的标题需居中显示

嘿，我来帮你解决这个带边框标题居中的问题！

首先，你原来的代码有几个小问题得先修正：

• <style>标签得放在<head>里面，不能嵌套在<h1>里哦，这不符合HTML的规范
• 你把<div>塞到<h1>里的结构也不对，语义上应该是标题内容在带边框的容器里，或者直接给<h1>加边框

然后为啥之前用align=center只有文字动、边框不动？因为你只给文字设置了居中，但带边框的容器（那个div）本身还是默认左对齐的，所以边框当然不会跟着走啦！你得让整个带边框的容器居中，而不是只让里面的文字居中。

既然你要求只用HTML实现，那可以用HTML原生的<center>标签，它能让里面的元素整体居中，不用额外的CSS块，代码如下：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <center>
    <!-- 带边框的容器，里面放标题 -->
    <div style="width: 270px; height: 45px; padding: 10px; border: 5px double grey;">
      <h1>Title in border</h1>
    </div>
  </center>
</body>
</html>

如果你想直接给<h1>加边框，不用额外的div，也可以这么写：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <center>
    <h1 style="width: 270px; height: 45px; padding: 10px; border: 5px double grey; margin: 0;">
      Title in border
    </h1>
  </center>
</body>
</html>

这里加margin:0是为了去掉h1默认的上下外边距，让边框更贴合标题。

这样整个带边框的标题就会完美居中啦！

内容的提问来源于stack exchange，提问作者user9553543