删除文本之间的空格并选择选项

Question

我是HTML的新手，想要删除h5标记中的文本与选择选项之间的空格

HTML

<h5>Text</h5>
<select style="width:180px">
  <option value="0" selected="selected">Select option</option>
</select>

上述代码在两个元素之间存在相当大的差距。我不确定用什么css来消除差距。

Answer 1

您可以使用CSS来修改h5标记的样式，例如：

h5 {
    margin: 0;
    padding: 0;
}

如果您希望修改option标记，也是如此。

从这里你可以尝试，如果你喜欢这个结果，或者你想进一步修改h5标签（记住，你甚至可以有负边距值）。

Answer 2

编辑：如果你想添加空格，你需要将select包装在a中，然后使用margin-top css属性

如果要删除间隙，请使用h5的margin-bottom或padding-bottom css属性。

编辑2：您可能希望使用类而不是直接更改基本html标记的样式，以防止在页面的其他位置产生不良影响。

Answer 3

要消除任何差距，您应将两个元素的margin和padding设置为0

h5, select {
    margin: 0;
    padding: 0
}