Блог

Главная - Вопросы по программированию - Как сделать так, чтобы этот флажок радио woocommerce отображался горизонтально рядом друг с другом, а не вертикально?

Как сделать так, чтобы этот флажок радио woocommerce отображался горизонтально рядом друг с другом, а не вертикально?

#php #html #css #wordpress #woocommerce

Вопрос:

Этот флажок радио

 add_action( 'woocommerce_review_order_before_payment', 'display_extra_fields_after_billing_address' , 10, 1 );
function display_extra_fields_after_billing_address () { 
    ?>
    <p><input type="radio" name="delivery_option" value="29 x 1" required />29 x 1</p>
    <p><input type="radio" name="delivery_option" value="27 x 2" />27 x 2</p>
    <p><input type="radio" name="delivery_option" value="25 x 3" />25 x 3</p>

<?php
}

Что я могу добавить в functions.php или в пользовательском CSS элемента сделать их смежными по горизонтали, а не по вертикали?

Комментарии:

1. используйте отображение css: встроенное или отображение: встроенный блок

Ответ №1:

  You can use css `display: inline or display: inline-block` :
 <p style="display:inline-block"><input type="radio" name="delivery_option" value="29 x 1" required />29 x 1</p>
 <p style="display:inline-block"><input type="radio" name="delivery_option" value="27 x 2" />27 x 2</p>
 <p style="display:inline-block"><input type="radio" name="delivery_option" value="25 x 3" />25 x 3</p>
Метки: , ,