私は入力ボックスを持っていて、そのすぐ下に明るい灰色のテキストがほしいです（1行の指示）。私は入力ボックスを持っています。テキストをすぐ下にしたいです
今のところ、テキストはテキストボックス（これより上にある）に関連して、私が望むよりも低く座っています。
私は明確なことをしています：両方とも、それを削除すると、次は入力ボックスの右側にあります。
ここで何が間違っていますか？あなたはそれを作るためにclear: bothを持っている必要が
.class { line-height: 10px; }
：
.class { position: relative; top: -5px; }
か、行の高さを減らすことができます。
あなたのHTMLタグ（テキスト入力用とその下のテキストの段落のための）すべてがデフォルトのマージンやパディングを持っています。おそらく問題は、段落のマージントップと同様に、テキスト入力のmargin-bottom属性を減らすことで解決できます。ここにいくつかのコード例があります。
CSS：
.text_input_style {margin-bottom:0;}
.help_text_style {margin-top:0;clear:both;}
HTML：明らか
<input type="text" value="default value" name="text_input" class="text_input_style" />
<p class="help_text_style">Help text here.</p>
、あなたは（あなただけのHTML要素にアタッチおよび/またはIDの可能性）のクラスを使用する必要はありませんが、これはアイデア。
ボトムライン：入力時にマージンボトムを、ヘルプテキストでマージントップを調整します。
あなたは、これを適用することによって、より高いことができます次の行に移動しますが、新しい行であるため、line-heightプロパティが適用されます。行の高さを小さくすると、高さが高くなります。十分に近くない場合は、相対的に配置してみてください。
おそらく、「命令」にパディングがあります。関連性の高いhtmlとcssかもしれない？
まあそれはすべてあなたがテキストを配置するHTMLタグに依存します。 各要素にはデフォルトの動作があります。
DIV要素がブロックとして表示されます。したがって、ページ内のHTMLの自然な流れの中で次の行に表示されます。また、その後ろにあるすべてのHTMLがその下に表示されます。
SPAN要素はブロックとして表示されません。実際、それはCSSが適用されていないので、それ自体で視覚的な変更を提供しません。 SPAN要素は単にインラインで表示され、すべてが通常のようにその周りを流れます。
CSSスタイルを使用して、HTML要素のレイアウト動作を変更できます。
たとえば、float:leftまたはfloat：rightを使用して、DIV要素をHTMLコンテンツの左側または右側に表示するように指定できます。次に、CSS clear：bothを使用して、要素をすべてのフローティングコンテンツの下に表示するように指定できます。
したがって、clear:bothスタイルを削除すると、その要素は浮動要素の下に表示されなくなり、要素が再配置されます。
-Frinny
いくつかのコードを投稿しますか？ –
これを引き起こすものは何でもかまいません。入力を囲むHTMLと関連するスタイルを投稿します。また、入力テキストや指示テキストに 'clear：both'が付いていますか？ – MitMaro
マージンボトムが20pxに設定されました。ありがとう！ – mrblah