Радиокнопки рядом друг с другом? - PullRequest
0 голосов
/ 13 марта 2020

Я хотел знать, как поставить переключатель рядом с другим переключателем более простым способом. Я учусь CSS, но пока не могу понять, как это сделать. Мой действительный код следующий:

<form action="evaluacion.php" method="post" id="test">
  Coloca el simbolo de magnitud correcto: <br><br> ¿Cuál es el símbolo de magnitud correcto de la longitud?
  <br>
  <div>
    <input type="radio" name="pregunta1" id="pregunta1rA" value="A" required/>
    <label for="pregunta1ra">T</label>
    <br>
  </div>
  <div>
    <input type="radio" name="pregunta1" id="pregunta1rB" value="B" required/>
    <label for="pregunta1rb">J</label>
    <br>

  </div>
  <div>
    <input type="radio" name="pregunta1" id="pregunta1rC" value="C" required/>
    <label for="pregunta1rc">N</label>
    <br>
  </div>
  <input type="submit" value="Enviar respuestas"><br><br><br>
</form>

А мой текущий CSS такой: div { display: inline-block;}

Это мой текущий код, но я хочу знать, есть ли лучший способ к встроенному предложению без использования большого числа "div"

1 Ответ

0 голосов
/ 13 марта 2020

Тэги br были теми, кто его сломал. Вы можете выполнить это без каких-либо дел.

<body> 

<form action="evaluacion.php" method="post" id="test">

    Coloca el simbolo de magnitud correcto: <br><br>
    ¿Cuál es el símbolo de magnitud correcto de la longitud?

    <br>
        <input type="radio" name="pregunta1" id="pregunta1rA" value="A" required/>
        <label for="pregunta1ra">T</label>

        <input type="radio" name="pregunta1" id="pregunta1rB" value="B" required/>
        <label for="pregunta1rb">J</label>

        <input type="radio" name="pregunta1" id="pregunta1rC" value="C" required/>
        <label for="pregunta1rc" >N</label>
    <input type="submit" value="Enviar respuestas"><br><br><br>
</form>

https://jsfiddle.net/2k05eLjh/

В общем, если вам нужна обертка для чего-то подобного, вы можете рассмотреть упаковку набора вместо каждого отдельного элемента перед прибегая к этому.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...