请求有人来给我解答这个问题

img


红色先圈起来的地方,文字和input这些它是然后对齐的呀,希望有人可以给我讲一哈,我不太明白是怎么做出来的。

内容右对齐,input左对齐
text-align:right;

可以用绝对定位试一下

img


<div>
      <label>姓名:</label><input type="text" />
    </div>
    <div>
      <label>所在地:</label><input type="text" />
    </div>
    <div>
      <label>电子邮箱:</label><input type="text" />
    </div>

<style>
label{
  width: 100px;
  display: inline-block;
  text-align: right;
}
</style>