Question

<html>
<head>
<style>
.leftRadio {
    display:inline;
}
</style>
</head>
<body>
 <div>
   <label >  The Label   </label>
   <div class="leftRadio">
      <input  type="radio" name="sex"  /> Male
      <br>
      <input  type="radio" name="sex"  /> Female
   </div>
</div>
</body>
</html>

我想在Radio区块的左中间放置标签如何使用CSS和类来获取它。

Answer 1

你会使用flexbox，这会将它们全部放在同一行，我建议你阅读flexbox

<强> CSS

#container {
  display: flex;
}

#leftRadio {
  display: flex;
}

<强> HTML

 <div id="container">
   <label >  The Label   </label>
   <div id="leftRadio">
      <input  type="radio" name="sex"  /> Male
      <br>
      <input  type="radio" name="sex"  /> Female
   </div>
</div>

如何将标签放在Radio块的中间左侧

1 个答案: