html+css网页制作

遇到的现象和发生背景，请写出第一个错误信息

在body里面插入了header
1.为什么css标签header里的居中未起作用 但对字体大小等其他的限制已起作用（text-align=“center”也试过）
2. 为什么在header之后插入的表格和图片会把原来的header盖住

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%
<style>
    .header{
        font-size: 72px;
        position:absolute;
        align: center;    
    }
    a{
        width: 10;
        height:10;
        align-content: center;
        position:absolute;
    }
    style>


<body bgcolor="#48C8EF">
<header class="header">xxxxxxheader>

<table width="800" height="15" border="0">
  <tbody>
    <tr>
      <td><a><img src="垃圾桶.webp">a>td>
      <td> td>
      <td> td>
    tr>
  tbody>
table>
body>
运行结果及详细报错内容

img

我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

确实没什么思路

我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

1.想要文字居中是text-align：center
2.因为你header设置了position:absolute;，脱离的文档流就没有高度宽度就盖住了。

1.一个块元素 居中 得用 别的方法 。比如 mafing 0 auto;
https://blog.csdn.net/qq_36507046/article/details/126623958

2 .应该是你·设置 了 定位
position:absolute;
影响的

我建议你在header标签外套一个div标签，这样去写div的css会容易一些，我浅试了一下可以居中

<!doctype html>
<html>
<head>
<style>
.he {
  position: relative;
  line-height: 30px;
  margin:auto;
  width: 200px;
  text-align:center;
}
</style>
</head>
<body>
<div class="he">
    <header>xxxxxx</header>
</div>
</body>
</html>