Html 如何减少CSS中两个元素之间的空间？

我有简单的表格和附加的css文件。正如您所看到的，有两个字段和一个复选框-我想让复选框直接位于textarea下，大约有1-2px的空间，而不是现在-我如何修改它？我想问题就在这里：

.textox, .textoxarea {
    width: 340px;
    border: solid 1px #999999;
    padding: 2px;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0px 1px 2px 0px #9C9C9C;
    background-color: #FFFFFF;
    outline: none;
    color: #474747;
    text-align: center;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
}

但是我找不到正确的方法。 这是我的。

---

谢谢

删除

文本区域

和

复选框

之间的空段落

在你的小提琴里，它在第11行和第13行

这将减少覆盖输入元素的

p

标记中的边距空间

通常不建议使用

p

标记来对齐输入标记

您好，

添加这些样式

 .foo {
    bottom: 1px;
    margin-left: 0;
    margin-right: 5px;
    position: relative; 
  }

---

.foo作为复选框上的示例类。

小提琴中的

.foo

在哪里？我已经编写了foo作为示例类。我看到您在这方面很新，因此，将来请选择合适的选择器，而小提琴附在问题上。另一件事是，您的解决方案不起作用-它几乎什么都不起作用。也许你只是误解了这个问题。嘿，谢谢，请原谅我的好奇，但是为什么不建议使用

p

？正如你所知道的

p

标记意味着里面有文本，它充当文本容器和基于文本的样式标记，而不是输入标记等标记的容器，所以尝试使用div标记而不是p标记。

 .foo {
    bottom: 1px;
    margin-left: 0;
    margin-right: 5px;
    position: relative; 
  }