2015-12-04 3 views
0

У меня есть, наверное, очень простой вопрос, но я просто не могу понять, как это понять. Как я могу центрировать кнопку отправки в этом коде, которая помечена как «горит».Как именно я могу сосредоточиться на этом сильном коде?

</p> 
    <!-- 
    <p class="forgetmenot"><label for="rememberme"><input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="90"<?php checked(! empty($_POST['rememberme'])); ?> /> <?php esc_attr_e('Remember Me', 'password-protected'); ?></label></p> 
    --> 

       <p class="submit"> 
     <input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="<?php esc_attr_e('Lit', 'password-protected'); ?>" tabindex="100" /> 
     <input type="hidden" name="testcookie" value="1" /> 
     <input type="hidden" name="password-protected" value="login" /> 
     <input type="hidden" name="redirect_to" value="<?php echo esc_attr($_REQUEST['redirect_to']); ?>" /> 
    </p> 
</form> 

<?php do_action('password_protected_after_login_form'); ?> 

Любая помощь очень appriciated.

ответ

2

Вы просили:

  • «центр этого сильного кода»
  • И «Как я могу центрирование кнопки отправить»

Я не уверен, какой из них вы спрашивая, но вот решение для обоих:

Если вы хотите центрировать текст, вы можете использовать CSS text-align:

input#wp-submit { 
    text-align: center; 
} 

Если вы пытаетесь центрировать кнопку, вы можете установить его margin к:

input#wp-submit { 
    margin: 0 auto; 
} 

Редактировать: По желанию, если вы не знаете, как использовать этот CSS, просто добавьте следующий <style> тег в ваш <head> тег:

<style> 
    /* Enter the appropriate code from above (style) here */ 
</style> 
+0

мне нужна помощь второй вариант; выравнивание кнопок. Единственная проблема, с которой я столкнулся, где именно я размещаю код, который вы мне предоставили? –

+0

@ DanHarvey дайте мне минуту: я приведу пример. Вы понимаете CSS? –

0

Это может работать для вас центрируйте кнопку, используя div, чтобы обернуть кнопку. CSS

#d{ 
    width:100%; 
} 

input#wp-submit{ 
    margin-left:47%; 
} 

HTML

<div id="d"> 
    <input type="submit" name="wp-submit" id="wp-submit" value="Login" /> 
</div> 
Смежные вопросы