利用HTML+CSS设计一个简单的用户注册页面【示例】

<form>
    <div style="width:500px;float:left;margin:0 20px;">
        <div style="font-size:28px;">新用户注册界面</div>
        <br/>
        <span class="p">*</span>
        <label for="username" class="l">用户名:</label>
        <div style="height:35px;width:300px;position:relative;display:inline;">
            <input id="username" type="text" style="height:30px;width:250px;padding-right:50px;">
            <span style="position:absolute;right:18px;top:2px;height:16px;width:16px;display:inline-block;" ></span>
        </div>
        <br/><br/>
        <span class="c">*</span>
        <label for="login_password" class="l">登录密码:</label>
        <div  class="d">
            <input id="login_password" type="text" class="i">
        </div>
        <br/><br/>
        <span class="c">*</span>
        <label for="confirm_password" class="l">确认密码:</label>
        <div  class="d">
            <input id="confirm_password" type="text" class="i">
        </div>
        <br/><br/>
        <input type="submit" value="点击注册" style="margin-left:100px;height:30px;width:150px;background-color:#1094f2; color:#fff; display:inline-block;"/>
    </div>
</form>

.p{
    color:red;
    margin-left:20px;
    display:inline-block;
}
.c{
    color:red;
    margin-left:4px;
    display:inline-block;

}
.l{
    font-size:18px;
}
.d{
    height:35px;
    width:300px;
    display:inline;
}
.i{
    height:30px;
    width:300px;
}