Input radio, расположение?

Question

вовчек @vovvkka

Input radio, расположение?

Xg2kXFA3Ce4.jpg?size=810x1080&quality=96&sign=671eb8d7a75c7edb33989ffab576a56b&type=album

Суть такова, нужно расположить текст Male и Female в строку так, чтобы они были рядом с кружками.
Родительские Css свойства: display flex; flex-direction column.
Сам код:

label class="form-input"
                Gender
                input type="radio" name="1" Male
                input type="radio" name="1" Female
 /label

full: https://codepen.io/vovvkka/pen/ZEBQOGK

Вопрос задан более трёх лет назад
138 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

2 комментария

Пригласить эксперта

Ответы на вопрос 1

3 комментария

вовчек @vovvkka Автор вопроса

не работает,

Написано более трёх лет назад

Steppp @Steppp

<body>
  <main class="main">
    <aside class="aside">
      <h1>
        Sign up
      </h1>
    </aside>
    <section id="form">
      <h2>New User?</h2>
      <p>Use the form below to create your account.</p>
      <form>
        <div class="input-block input-name">
          <label class="form-input">
            First Name
            <input type="text" placeholder="Alice">
          </label>
          <label class="form-input">
            Last Name
            <input type="text" placeholder="Miller">
          </label>
        </div>

        <div class="input-block">
          <label class="form-input">
            Nationality
            <input type="text" placeholder="Russian">
          </label>
          <label class="form-input">
            E-mail
            <input type="email" placeholder="@google.com">
          </label>
        </div>

        <div class="input-block" style="displsy:flex; flex-direction: column;">
          <label class="form-input">
            Date of Birth
            <input type="text">
          </label>
          Gender
          <div class="">
            <label class="form-input" style="flex-direction: row">

              <input type="radio" name="1"> 
              <span>Male</span>

            </label>
            <label class="form-input" style="flex-direction: row ">
              <input type="radio" name="1"> 
              <span>Female</span>
            </label>
          </div>
        </div>
      </form>
    </section>

  </main>
</body>

Написано более трёх лет назад

вовчек @vovvkka Автор вопроса

Steppp,

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

CSS

Простой
Почему не работает псевдокласс not?
- 1 подписчик
- 7 часов назад
- 44 просмотра
2

ответа
HTML

+3 ещё

Средний
Как включить полноэкранный режим для VKVideo внутри iframe с srcdoc?
- 2 подписчика
- 7 часов назад
- 39 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Как установить анти-спам капчу на загрузку всего сайта?
- 1 подписчик
- 8 часов назад
- 44 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Выпадающее меню сворачивается только на главной странице, как исправить?
- 1 подписчик
- 8 часов назад
- 28 просмотров
0

ответов
CSS

+1 ещё

Простой
Как скруглить углы у кривых углов?
- 1 подписчик
- 9 часов назад
- 48 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как организовать прямую трансляцию иностранных ТВ-каналов на своем сайте?
- 1 подписчик
- 10 часов назад
- 63 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как сделать чтобы ниспадающее меню не не выходило за пределы контейнера?
- 1 подписчик
- 12 часов назад
- 45 просмотров
1

ответ
CSS

Средний
Как сделать горизонтальный скролл блока с несколькими колонками?
- 1 подписчик
- вчера
- 74 просмотра
1

ответ
CSS

+1 ещё

Средний
Можно ли накладывать/объединять блоки с наружным изображением?
- 1 подписчик
- 08 янв.
- 128 просмотров
0

ответов
HTML

+1 ещё

Простой
Современный учебник HTML/CSS?
- 1 подписчик
- 07 янв.
- 1689 просмотров
5

ответов
Показать ещё Загружается…

Верстальщик HTML

MST

от 450 $

Баннермейкер (html-5)/дизайнер-верстальщик/motion-дизайнер

BYTIME

от 130 000 ₽

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

Требуется специалист, который сможет поднять исходники на React Native

11 янв. 2025, в 01:59

3000 руб./за проект

Проконсультировать и Настроить GA4 через GTM, режим согласия

10 янв. 2025, в 23:46

2000 руб./в час

Разработать контент-план на месяц

10 янв. 2025, в 20:43

5000 руб./за проект

Answer 1 · 2021-02-04 22:33:13

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

Ответ написан более трёх лет назад

2 комментария

Answer 2 · 2021-02-04 22:09:00

1 лабел 1 инпут! и для обьеденение их используйте тег fieldset
legend - заголовок

fieldset
legend "Gender"
label class="form-input"
input type="radio" name="1" Male
/label
label class="form-input"
input type="radio" name="1" Female
/label
/fieldset

Input radio, расположение?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт