ローカルに動作しないボタンのパディングが、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

私の問題が見つかりました！私はちょうどhomepageInfoボタンに私のCSSを変更し、それを移動しました。