单选按钮彼此相邻?

我想知道如何以更简单的方式将一个单选按钮放在另一个单选按钮旁边。我正在学习 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”


婷婷同学_
浏览 78回答 1
1回答

凤凰求蛊

br 标签是破坏它的标签。您无需使用任何 div 即可完成此任务。<body>&nbsp;<form action="evaluacion.php" method="post" id="test">&nbsp; &nbsp; Coloca el simbolo de magnitud correcto: <br><br>&nbsp; &nbsp; ¿Cuál es el símbolo de magnitud correcto de la longitud?&nbsp; &nbsp; <br>&nbsp; &nbsp; &nbsp; &nbsp; <input type="radio" name="pregunta1" id="pregunta1rA" value="A" required/>&nbsp; &nbsp; &nbsp; &nbsp; <label for="pregunta1ra">T</label>&nbsp; &nbsp; &nbsp; &nbsp; <input type="radio" name="pregunta1" id="pregunta1rB" value="B" required/>&nbsp; &nbsp; &nbsp; &nbsp; <label for="pregunta1rb">J</label>&nbsp; &nbsp; &nbsp; &nbsp; <input type="radio" name="pregunta1" id="pregunta1rC" value="C" required/>&nbsp; &nbsp; &nbsp; &nbsp; <label for="pregunta1rc" >N</label>&nbsp; &nbsp; <input type="submit" value="Enviar respuestas"><br><br><br></form>https://jsfiddle.net/2k05eLjh/一般来说,如果您确实需要一个类似这样的包装器,您可以在使用之前考虑包装一组而不是每个单独的项目。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5