html - 使用 ProfitBuilder WP 在我的网站上添加额外填充

Question

我目前正在复制这个网站:http://www.onlinemeetingnow.com/register/?id=q6wpivs95c&这里:http://beaminggeek.com/profitbuilder/test-2/

并使用名为 ProfitBuilder 的 WP 工具:http://wpprofitbuilder.com/

我这里特别有三个问题。 1. 我把 margin-top: 20px;在我的标签上(将其推到中心)在下面的图片上但是当我这样做时它会在顶部和下方增加一个边距:

这是我的代码:

<h2 style="text-align: center; font-size: 40px; font-weight: bold;"><span style="color: #ffffff; ">The 4-Step Strategy We Used to Build a</span><br /> <span style="color: #ffffff;"> 7-Figure Coaching Business...</span><br /> <span style="color: #ffffff; font-size: 25px; "> (while ignoring ALL the conventional wisdom!)</span></h2><p style="text-align: center;"><a style="font-family: 'Open Sans Condensed'; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd800',endColorstr='#f7d100'); background: -moz-linear-gradient(center top,#ffd800 5%,#f7d100 100%); background-color: #ffd800; display: block; margin: 0 auto; position: relative; min-height: 33px; width: 280px; text-decoration: none; font-weight: bold; font-size: 30px; color: #fdffff; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: none; padding: 17px 10px; text-align: center; z-index: 2; margin-top: 12px;" href="#">Claim My Spot Now >></a></p>

我对这两个部分也有一些问题，因为周围都有空格:

知道如何使用内联 CSS 使其看起来更完美吗？您可以使用 Chrome 检查器工具来检查这一点。

注意:Profit Builder Tool 是一种不与自定义 CSS 面板一起使用的工具，它意味着一切都只是普通的内联 CSS。

Answer 1

您为“立即领取您的位置”按钮设置了一个 padding-bottom。因此，当您将 margin-top 值放在 h2 之上时，它也会将您的 p 向下推，而 padding-bottom p 的 下推以下部分