htmlタグの前にスペースを入れてください

Question

入力タグの前にスペースを追加しようとしていますが、Chromeが空白を表示していないことに気付きました。スペースを追加するにはどうすればよいですか。私のコードは非常に簡単です：

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

予告Qとの間のスペース：タグ。もし私が絶対にしなければならないJSを使用しますが、純粋なHTMLがはるかに優れています。

Answer 1

あなた#qへのmargin-leftを追加し、ここで

#q{ 
    margin-left:10px; 
} 

Answer 2

あなたが<br> を使用することはできますが、入力ボックスの前にリテラルの空白を意味している場合、あなたはそれをより多くのスペースを与えるためにmarginタグを使用することができますwhitespacing定期的なラインをご希望の場合。

など。

#q{ 
     margin-left:10px; 
    } 

Answer 3

 を試すことができます。

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

Answer 4

は、あなたのinputタグの前に空白を持つの2例です。 &nbspまたはcssのいずれかを使用しています。 CSSを使用すると、あなたは簡単にスタイルを変更することができます。 1文字分のスペースを持つCSSの例

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

<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">