如何制作较小的换行符？

Question

我一直在寻找一种方法，让我的<br>标签在它分开的两条线之间显示更少的空白。

我有一些带有文字输入的文字，下面我想要一张图片。 <br>标记的间隙太大，但如果没有<br>标记，则图片会显示在带有文字的行上。请注意，<br>为div中的其他元素创造了完美的大小差距。

 <div>
   ...<!--Some other text and text inputs-->
   <br>Some stuff:&nbsp;<input type="text">
   <br><!--I need this br to be a smaller gap-->
   <img id="plus" src="plus.png" height="30px" width="30px">
 </div>

所以我的问题是如何缩小距离？

我尝试了什么

现在我尝试了很多的东西！其中一些包括在CSS中编辑br，如

br {
 display: block;
 margin: 1px 0;
 line-height:1px;
 content: " ";
}

或这些属性的组合，但无论我使用哪个属性，它使空间向下的最小高度与默认<br>相同。不过，它适用于增加<br>空间。 ^src

我尝试将<br>标记放在<div>内，但当<div>位于我的其他<div>内时，它会立即形成一个相同高度的间隙默认<br>（即使我的新<br>内没有<div>）。设置新<div>的行高也不会影响这一点。 ^src

<div style="line-height:0px;">
  <br>
</div>

我尝试使用<hr>并使用visibility：hidden，但这使得差距大于<br>。 ^src

我在<div> s内尝试了许多不同的变体<div>并设置了行高，但无论我得到什么，最终都不会影响文本之间的空间-area和图像没有弄乱原始<div>中的所有其他内容。

Answer 1

使用<p> html元素而不是中断。

<p>some stuff</p>    
<p>some other stuff</p>

编辑：使用CSS：

p {line-height:5px;}

Answer 2

删除 br 标记，您可以在这里执行任何您想要处理的图像。

#plus{
 //use css properties to play with image
}