HTML水平线之前的间距

我在HTML中设置了一些签名，最终将在Outlook中生效。我遇到的一个问题是插入水平线时，它会在上方插入一个大空间，并在线下方插入一个较小的空间。我的问题是水平线上方非常大的空间。这是一个完整的休息HTML水平线之前的间距

<br>

如果我手动设置，这只是水平线也没关系之前的文本后的间距编辑在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>

有没有一种方法，我可以紧缩文本之前或之后的行？

来源

2013-02-27 Untalented

段落元素<p>有一些天然填充ANAD marggin所以要尽量添加填充：0和保证金：0给他们

来源

2013-02-27 18:39:20

这似乎是这个问题的情况下，但有可能是[其他问题]（HTTP：/ /en.blog.improveit.com.br/articles/2008/09/27/margins-on-the-hr-tag-a-case-solved）可以解决的问题。 – GordonsBeard 2013-02-27 18:41:56

利润率固定它。谢谢。 – Untalented 2013-02-27 22:07:51

的hr和p元素都一些填充/利润率插入由浏览器。添加margin: 0;删除。

来源

2013-02-27 18:41:55

总是很好从重置CSS开始，并从那里开始。

有用的链接： http://meyerweb.com/eric/tools/css/reset/

来源

2013-02-27 20:17:07 AdamRox

<hr style="height: 2px; width: 99%; margin:0 auto;line-height:2px;background-color: #848484"; border:0 none; />

<hr style="height: 0; width: 99%; line-height:0;border-bottom:2px solid #848484; background:none;" />

fiddled here

来源

2013-02-27 21:02:31

HTML水平线之前的间距

回答

相关问题