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

Question

我有一个输入框，我想要在它的正下方有一些漂亮的浅灰色文本(1 行指令)。

到目前为止，文本相对于文本框(在文本框上方)的位置比我想要的要低。

我正在做一个 clear:both，如果我删除它，下一个一直在输入框的右边。

这里有什么问题吗？

Answer 1

您的 HTML 标记(用于文本输入及其下方的文本段落)都具有默认边距和填充。可能这个问题可以通过减少文本输入的 margin-bottom 属性以及段落的 margin-top 来解决。这是一些示例代码。

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)，但这就是想法。

底线:调整输入的 margin-bottom 和帮助文本的 margin-top。