Html 自定义Wordpress注册表

Html 自定义Wordpress注册表,html,css,wordpress,forms,registration,Html,Css,Wordpress,Forms,Registration,我在Wordpress注册中使用了额外字段的插件,但我想将其分为两列,这样用户就不会滚动,因为现在我有很多字段。我在如何用代码实现它方面遇到了问题。当我通过Inspect元素进行编辑时,它看起来是这样的 <form name="registerform" id="registerform" action="http://test.com/wp-login.php?action=register" method="post

我在Wordpress注册中使用了额外字段的插件,但我想将其分为两列,这样用户就不会滚动,因为现在我有很多字段。我在如何用代码实现它方面遇到了问题。当我通过Inspect元素进行编辑时,它看起来是这样的

<form name="registerform" id="registerform" action="http://test.com/wp-login.php?action=register" method="post" style="
    position: absolute;
    margin-left: -200px;
">
    <div style="float:left;width: 350px;" ;=""><p>
        <label for="user_login">Username<br>
        <input type="text" name="user_login" id="user_login" class="input" value="" size="20"></label>
    </p>
    <p>
        <label for="user_email">E-mail<br>
        <input type="text" name="user_email" id="user_email" class="input" value="" size="25"></label>
    </p>
<!--
    Start code from Cimy User Extra Fields 2.5.1
    Copyright (c) 2006-2013 Marco Cimmino
    http://www.marcocimmino.net/cimy-wordpress-plugins/cimy-user-extra-fields/
-->
    <input type="hidden" name="cimy_post" value="1">
    <p id="cimy_uef_wp_p_field_1">
        <label for="cimy_uef_wp_1">Password</label><input type="password" name="cimy_uef_wp_PASSWORD" id="cimy_uef_wp_1" class="cimy_uef_input_27" value="" maxlength="100">
    </p>
    <p id="cimy_uef_wp_p_field_2">
        <label for="cimy_uef_wp_2">Password confirmation</label><input type="password" name="cimy_uef_wp_PASSWORD2" id="cimy_uef_wp_2" class="cimy_uef_input_27" value="" maxlength="100">
    </p></div>
    <div style="float:right;width: 350px;padding-left: 30px;" ;="">
    <p id="cimy_uef_wp_p_field_3">
        <label for="cimy_uef_wp_3">First name</label><input type="text" name="cimy_uef_wp_FIRSTNAME" id="cimy_uef_wp_3" class="cimy_uef_input_27" value="" maxlength="100">
    </p>
    <p id="cimy_uef_wp_p_field_4">
        <label for="cimy_uef_wp_4">Last name</label><input type="text" name="cimy_uef_wp_LASTNAME" id="cimy_uef_wp_4" class="cimy_uef_input_27" value="" maxlength="100">
    </p>
    <p id="cimy_uef_p_field_1">
        <label for="cimy_uef_1">Company</label><input type="text" name="cimy_uef_COMPANY" id="cimy_uef_1" class="cimy_uef_input_27" value="" maxlength="100">
    </p>
    <p id="cimy_uef_p_field_2">
        <label for="cimy_uef_2">Industry </label><select name="cimy_uef_INDUSTRY" id="cimy_uef_2" class="cimy_uef_input_27">
            <option value="Consulting">Consulting</option>
            <option value="Events and PR">Events and PR</option>
            <option value="Other industries">Other industries</option></select>
    </p>
    <br>
<!--
    End of code from Cimy User Extra Fields
-->
</div>
    <p id="reg_passmail">A password will be e-mailed to you.</p>
    <br class="clear">
    <input type="hidden" name="redirect_to" value="">
    <p class="submit"><input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="Register"></p>
</form>


用户名

电子邮件

密码

密码确认

名字

单位

工业 咨询 活动与公关 其他行业


密码将通过电子邮件发送给您


注意:我希望在
user\u login
之前打开第一个div,在
cimy\u uef\u wp\u p\u field\u 2


既然
user\u login
是默认的wp-login.php字段,而
cimy\u uef\u wp\u p\u field\u 2
是cimy user Extra Fields plugin field,那么有什么方法可以这样做呢?这里应该问这个问题-wordpress.stackexchange.com,我也在wordpress.stackexchange.com上发布过,但更多的是HTML CSS问题,在wordpress.stackexchange.com上通常没有答案:(@AlexThomas有时我真的很困惑我们可以在这里发布什么类型的wordpress问题,以及它的姐妹wordpress exchange站点应该做些什么..当用户真的在快速寻找答案时