HTML水平线之前的间距

Unt*_*ted 3 html css horizontal-line

我在HTML中设置了一些签名,最终将在Outlook中签名.我遇到的一个问题是,当插入一条水平线时,它会在线上方插入一个大空间,在线下方插入一个较小的空间.我的问题是水平线上方的空间非常大.这几乎是一个完整休息的大小

<br>
Run Code Online (Sandbox Code Playgroud)

如果我通过在水平线之前的文本之后设置间距来手动编辑Outlook中的签名就可以了,但我不能手动为我需要编辑的#他们执行此操作.这是我的问题的一个例子:

<html>
<head>
    <title>HTML Online Editor Sample</title>
</head>
<body>
    <p>
        <span style="font-size:12pt;"><span style="font-family: arial, helvetica, sans-serif;"><b>This is a test</b></span></span></p>
    <hr style="height: 2px; width: 99%; background-color: #848484" />
    <p>
        <span style="font-size:10pt;"><span style="font-family: arial, helvetica, sans-serif;"><b>Text under the line</b></span></span></p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

有没有办法可以在线之前或之后收紧文字?

Mic*_*hoň 7

段落元素<p>有一些自然填充anad边距,所以尝试添加填充:0和margin:0