Html 我有一个输入框，希望文本就在它下面

我有一个输入框，我想要一些漂亮的浅灰色文本就在它下面（1行指令）

到目前为止，文本相对于文本框（位于文本框上方）的位置比我想要的低

我正在做一个明确的：两者都有，如果我删除它，下一个就是输入框的右边

---

这里出了什么问题？

您可以通过应用以下方法使其更高：

.class{位置：相对；顶部：-5px；}

或者，您可以降低线条高度：

.class{行高：10px；}

---

必须清除

：两个
，才能转到下一行，但由于它是新行，因此将应用“行高”属性。降低行高会使其更高，如果不够近，请尝试相对定位。
您可能在“说明”上有填充。相关的html和css可能吗？
这完全取决于您将文本放置在哪个html标记中。
每个元素都有一个默认行为

元素将显示为块。因此，它将显示在页面中HTML的自然流中的下一行。它还将导致它后面的所有HTML显示在它下面

图元将不会显示为块。事实上，它本身没有提供任何视觉变化，也没有应用CSS。SPAN元素只是内联显示，所有内容都像普通元素一样围绕它流动

可以使用CSS样式修改HTML元素的布局行为

例如，您可以使用或float:right指定DIV元素显示在HTML内容的左侧或右侧。然后可以使用CSS clear:both来指定一个元素应该显示在所有浮动内容的下面

因此，在您的情况下，如果删除样式，则元素将不再显示在浮动元素下面，这将导致重新排列元素

-Frinny
您的HTML标记（用于文本输入和下面的文本段落）都有默认的边距和填充。也许这个问题可以通过减少文本输入的margin-bottom属性和段落的margin-top属性来解决。下面是一些示例代码

CSS:

HTML:


这里有帮助文本


显然，您不必使用类（您可以只附加到HTML元素和/或ID），但这就是想法

底线：调整输入的底部边距和帮助文本的顶部边距。
可能是多种原因造成的。发布围绕输入以及任何相关样式的HTML。还有什么是
清晰：输入或指令文本都附带了
？它的页边距底部设置为20px，谢谢！
.text_input_style {margin-bottom:0;}
.help_text_style {margin-top:0;clear:both;}

<input type="text" value="default value" name="text_input" class="text_input_style" />
<p class="help_text_style">Help text here.</p>