向右移动单选按钮

Question

<div class="row">
  <div style="text-align:left;">
      <input type="radio">
        <label for="Employee">Employee</label>
     </div>
  <div style="text-align:left;">
      <input type="radio">
        <label for="Employer">Employer</label>
  </div>
</div>

我想将按钮和标签向右移动以对齐下面的文本框。

我如何移动它？

Answer 1

在这种情况下（看起来只有2个div进行硬编码），您可以使用CSS中的：last-child选择器来实现。

这是CSS-

.row {
    div:last-child {
        padding-left: 20px; //or any other of choice
}

如果您希望将其用于变量输入等，请更新您的问题，OP！

Answer 2

使用 display：-webkit-box; ，希望能解决您的问题。

.row{
display:-webkit-box;
}

<div class="row">
  <div style="text-align:left;">
      <input type="radio">
        <label for="Employee">Employee</label>
     </div>
  <div style="text-align:left;">
      <input type="radio">
        <label for="Employer">Employer</label>
  </div>
</div>

Answer 3

<style>

/* Remove default paddings, margins around the elements */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

</style>


<div class="row">
  <div style="text-align:left;">
        <input type="radio">
        <label for="Employee">Employee</label>
     </div>
  <div style="text-align:left;">
        <input type="radio">
        <label for="Employer">Employer</label>
  </div>
  <div>
    <input type="text".>
  </div>
    <div>
    <input type="text".>
  </div>
</div>