html在标记之前添加空格

Question

我正在尝试在输入标记之前添加空格，我注意到Chrome没有渲染空白。我该怎么做才能添加空间。我的代码很简单：

    Q: <input type="text" id="q">

注意Q：和标签之间的空格。如果我必须使用JS，我将使用JS，但纯HTML要好得多。

Answer 1

如果您希望使用常规行空白，可以使用<br> 但如果您指的是输入框之前的文字空格，则可以使用margin标记为其提供更多空间。

E.g。

 #q{
        margin-left:10px;
    }

Answer 2

您可以尝试 。

Q:&nbsp;<input type="text" id="q">

Answer 3

向您添加margin-#q，

#q{
  margin-left:10px;
}

Answer 4

这是在输入标记之前有一个空格的两个例子。它使用&nbsp或css。使用css对我来说更加巧妙，你可以轻松改变它的风格。以下示例，带有一个字符空间的css。

＆＃13;

＆＃13;

#q1 {
  margin-left: .5em;
}

＆＃13;

<label for="q">Q:</label>&nbsp; <!-- using a space -->
<input type="text" name="q" id="q">

<br />

<label for="q1">Q:</label><!-- using css -->
<input type="text" name="q1" id="q1">

＆＃13;

＆＃13;

＆＃13;