CSS如何实现表单label的两端对齐（代码示例）

<ul class="g-formlist">

        <li>

            <label class="mark">姓 名</label>

            <div class="write">

                <input type="text" id="form-name" class="g-text-entry" placeholder="请输入4-10字符" />

                <span class="tip" data-initial="请输入4-10字符"></span>

            </div>

        </li>

        <li>

            <label class="mark">密 码</label>

            <div class="write">

                <input type="text" id="form-psw" class="g-text-entry" placeholder="请输入6-30字符" />

                <span class="tip" data-initial="请输入6-30字符"></span>

            </div>

        </li>

        <li>

            <label class="mark">确 认 密 码</label>

            <div class="write">

                <input type="text" id="form-repsw" class="g-text-entry" placeholder="请再输入一遍密码" />

                <span class="tip" data-initial="请输入6-30字符"></span>

            </div>

        </li>

        <li>

            <label class="mark">验 证 码</label>

            <div class="write">

                <input type="text" id="form-imgcode" class="g-text-entry disabled" disabled="disabled" placeholder="输入验证码" />

                <span class="tip" data-initial="请输入验证码"></span>

            </div>

        </li>

    </ul>

li {

    clear: both;

    list-style: none;

}

.mark {

    display: block;

    float: left;

    overflow: hidden;

    width: 78px;

    height: 29px;

    padding-right: 10px;

    text-align: justify;

    text-align-last: justify;

    line-height: 2;

}