文字两端对齐

html:

        <div class="box">
            <h3>登录</h3>
            <form id="login_form" class="form">
                <div class="form_group clearfix">
                    <span>用户名：</span>
                    <input type="text" name="username"/>
                </div>
                <div class="form_group clearfix">
                    <span>密码：</span>
                    <input type="text" name="password"/>
                </div>
                <a id="login" class="submit" href="javascript:void(0);">登陆</a>
                <footer>
                    还没有账号？
                    <a id="to_register" href="javascript:void(0);">马上注册</a>
                </footer>
            </form>
        </div>

 

style:

.box span {
    width: 70px;
    font-size: 14px;
    line-height: 24px;
    color: #334;
    float: left;
    text-align: justify;
    text-align-last:justify;
}

 

 

转载于:https://my.oschina.net/u/3012998/blog/826549