我的<ul></ul>與我的H3不一致（包括Codepen代碼）

Question

我已經看遍了所有的地方，但我似乎無法弄清楚我的代碼中的錯誤......它就像是如果我的ul上默認有一個text-align: right。

我的代碼片段：

footer { 
 
    background-color: #444444; 
 
    padding-top: 50px; 
 
    padding-bottom: 20px; 
 
} 
 
.info { 
 
    margin: 0 auto; 
 
    width: 50%; 
 
    padding-bottom: 30px; 
 
} 
 
.info div { 
 
    display: inline-block; 
 
    width: 33%; 
 
    vertical-align: top; 
 
    color: white; 
 
} 
 
footer div ul { 
 
    padding-top: 20px; 
 
} 
 
footer div ul li { 
 
    line-height: 1.7em; 
 
    font-family: 'Montserrat'; 
 
    list-style-type: none; 
 
} 
 
footer div h3 { 
 
    text-transform: uppercase; 
 
    font-size: 20px; 
 
    font-family: 'Montserrat', sans-serif; 
 
    opacity: 0.9; 
 
} 
 
footer input { 
 
    display: block; 
 
} 
 
.underline { 
 
    margin-top: 20px; 
 
    margin-bottom: 20px; 
 
    height: 1px; 
 
    background-color: white; 
 
    width: 100%; 
 
    /*margin:auto;*/ 
 
}

<footer> 
 
    <section class="info"> 
 
    <article> 
 
     <div> 
 
     <h3>About</h3> 
 
     <div class="underline"></div> 
 
     <ul> 
 
      <li>Contact</li> 
 
      <li>Features</li> 
 
     </ul> 
 
     </div> 
 
     <div> 
 
     <h3>Explore</h3> 
 
     <div class="underline"></div> 
 
     <ul> 
 
      <li>Designers</li> 
 
      <li>Journal</li> 
 
     </ul> 
 
     </div> 
 
     <div> 
 
     <h3>Connect</h3> 
 
     <div class="underline"></div> 
 
     <input type="text"> 
 
     </div> 
 
    </article> 
 
    
 
    <article class="end"> 
 
    </article> 
 
    </section> 
 
</footer>

這裏是鏈接到我的codepen代碼：

https://codepen.io/teenicarus/pen/Ngabex

我感謝所有答覆！

Answer 1

只需將padding-left: 0;添加到ul CSS（footer div ul規則）以刪除默認左邊距。

https://codepen.io/anon/pen/bRoBPp