为什么第一个单选按钮比下面的同级单选按钮更向左倾斜？

Question

我没有添加任何样式，这就是我所看到的。

我的代码仅包含 html，如下所示：-

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        
        <title>Document</title>
      </head>
      <body>
          <input type="radio" name="q3" value="elon" />Elon Musk<br />
          <input type="radio" name="q3" value="nikola" />Nikola Tesla<br />
          <input type="radio" name="q3" value="bill" />Bill Gates<br />
          <input type="radio" name="q3" value="jeffrey" />Jeffrey Archer<br />
      </body>
    </html>

Answer 1

内联元素对代码中的空格敏感。只需删除它：

<input type="radio" name="q3" value="elon" />Elon Musk<br />
<input type="radio" name="q3" value="nikola" />Nikola Tesla<br />
<input type="radio" name="q3" value="bill" />Bill Gates<br />
<input type="radio" name="q3" value="jeffrey" />Jeffrey Archer<br />

为什么第一个单选按钮比下面的同级单选按钮更向左倾斜？

Why does the first radio button tilt towards the left more than the following sibling radio buttons?

html

radio-button