css - テキストタイプの前後の HTML フォームスペース

Question

これは私が持っているコードです:

You have
<form name="cd" style="display: inline;">
<input id="time" readonly="true" type="text" value='10:00' border="0" name="disp">
</form>
left...

これが起こっていることです：

私がやりたいのは、「赤い十字」でそれらのスペースを削除することです。
私はすでにこのcssコードを追加しようとしました：

form{
padding:0;
margin:0;
}

しかし成功せず…

Answer 1

すべてを同じ行に貼り付け、フォームから始めます。フォーム タグでスタイルを使用しないでください。

<form name="cd">    
    You have <input id="time" readonly="true" type="text" value='10:00' border="0" name="disp"> left...
</form>

Answer 2

フォーム要素を参照しています。代わりに、入力を直接スタイリングしてみてください。

例えば：

form input {padding:0;margin:0}