<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.contain{
/* 选择器（选择Contain内部元素） */
position: relative;
/* 定位 */
}
.one,.two,.three{
position: absolute;
right: 1000px;
text-align: center; /* 文本居中*/
overflow: hidden; /*隐藏超出的部分*/
}
.submit{
width: 50px;
height: 45px;
background-color: brown;
border: 1px solid brown;
border-radius:10px; /* 边框弧度*/
}
</style>
</head>
<body>
<div class="contain">
<form action="">
<div>
<label for="Name">Name:<input type="text" placeholder="请输入用户名" class="one"></label></div>
<div>
<label for="Password">Password</label><input type="password" placeholder="请输入密码" class="two"></div>
<div>
<label for="Email">Email</label><input type="Email" placeholder="请输入邮件地址" class="three"></div>
<div><input type="submit" class="submit"></div>
</form>
</div>
</body>
</html>
