如何实现用户名、密码、确认密码等信息文字对齐、文本框的长度对齐

在这个HTML结构中，要实现在用户名、密码和确认密码输入框的文字对齐，你可以调整`<label>`标签的位置，使其与其对应的输入框并列。同时，可以使用相对单位如`em`或百分比值来统一输入框的宽度，保证它们在不同屏幕尺寸下长度一致。

例如，这里是一个简单的实现：

<label for="name">用户名:</label>
<input type="text" id="name" name="name" placeholder="请输入用户名" style="width: 100%; margin-bottom: 10px;"> <!-- 使用百分比值或者 em 单位来定宽 -->

<label for="password">密码:</label>
<input type="password" id="password" name="password" placeholder="请输入密码" style="width: 100%; margin-bottom: 10px;"> 

<label for="confirm-password">确认密码:</label>
<input type="password" id="confirm-password" name="confirm-password" placeholder="请再次输入密码" style="width: 100%; margin-bottom: 10px;">

这里的`width: 100%;`会让输入框占据其父元素的整个宽度，`margin-bottom: 10px;`提供了一些间距。对于文字对齐，因为`<label>`和`<input>`是直接相连的，所以默认会水平对齐。

如果你想让所有的输入框文字都在同一行，你可以在`.container`类中添加`display: flex; flex-direction: column; align-items: flex-start;`。这样所有的`<label>`和`<input>`就会堆叠在一起。