按钮上的填充不在本地工作，但在JSFiddle上工作

Question

这里是JSFiddle：https://jsfiddle.net/091mmv9w/2/ 这是我的HTML：

  <div class="homepageInfo">
<h3 class="InternetServices">Internet Services</h3>
<div class="infoblurb">
<p> With speeds as high as 60 Mbps we offer a fast, yet affordable Internet!  Packages are available for residential and business accounts!!  <a href="contact/">  Connect with us!<br></a></p>
</div>
<div class="buttonposition">
<button type="button" class="btn btntruespeed">Select Your Package!</button>
</div>
</div>

我的CSS：

.infoblurb {
  width: 145px;
  margin-left: 50px;
}
.buttonposition {
  display: inline-block;
  padding-left: 40px;
}
.homepageInfo {
  float: left;
  margin: 10px 30px;
}
.InternetServices {
  margin-left: 50px;
}

为什么这不起作用？我认为这是一个遗传问题，但我不知道在哪里。感谢。

Answer 1

我发现了我的问题！我只是将我的CSS改为homepageInfo Button，并将其移动了。