Html 在按钮上填充不是在本地工作，而是在JSFIDLE上工作

以下是JSFIDLE： 这是我的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更改为homepageInfo按钮，并将其移动。

我发现了我的问题！我刚刚将CSS更改为homepageInfo按钮，并将其移动。

我很高兴您解决了问题，但请将解决方案放入答案并接受它。我很高兴您解决了问题，但请将解决方案放入答案并接受它。

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