Text 在表单字段上方并排居中放置文本标签

我读的书似乎接近我所需要的。不幸的是，我对这一点太陌生，无法理解其中的大部分内容。我的页面以前是处理表格的，但不知怎么的，它被改变了，并且以表格为基础

我只能用position:absolute将标签居中，但这在较小的屏幕上似乎不起作用。此外，我想使用overflow:auto和固定标签，当您向下滚动页面时，它没有意义。自动流并不重要，重要的是在较小的屏幕上保持东西的位置

有什么好主意吗

这是网页： 当前代码的一个示例：

> <form method="post" action="./database.php">
>      <DIV style="position: absolute;  left:590px; width:40px; height:25px">Username</DIV> <DIV style="position: absolute; 
> right:545px; width:150px; height:25px">Repeat username</DIV> <br>
> 
>   <center>  <p><label for="Username"> </label><input type="text"
> name="username" />
>     <label for="Repeat Username"></label><input type="text" name="repeat-username" /></p>
> 
> <DIV style="position: absolute;  left:590px; width:40px;
> height:25px">Password</DIV> <DIV style="position: absolute; 
> right:557px; width:150px; height:25px">Repeat password</DIV> <br>
> 
>     <p><label for="Password"> </label><input type="text" name="password" />
>     <label for="Repeat Password"></label><input type="text" name="repeat-password" /></p><br>
>     
>     
>     </center>

---

使用表格进行简单快速的表单设计，或者使用带有css属性“float:left”的div。不要使用“绝对”和“左”“右”css属性。查看其他一些网站，了解他们是如何设计表单的。

我花了很长时间才走到这一步，我真的很想保持当前的代码，而不是找到一种方法来集中和修复标签。难道没有办法吗？我有一个css文件，但不知该放什么。这两个字段位于页面的中心，我需要让标签位于每个字段的顶部。请看我在上面留下的网页链接。