marge-gauche se dupliqué/multiplié

Question

Je ne peux vraiment pas comprendre pourquoi, en quelque sorte margin-left affecte juste d'autres éléments, ce qui est très ennuyeux.

Code

et photos sont incluses ci-dessous:

CSS

.setting-container { 
     position: relative; 
     top: 60px; 
     left: 0px; 
     width: 100%; 
     height: calc(100% - 60px); 
    } 
     .setting-topnav { 
      width: 100%; 
      height: 40px; 
      left: 0px; 
      background-color: #081723; 
     } 

     .setting-topnav a { 
      font-size: 12px; 
      font-family: NanumGothic; 
      color: #fafafa; 

      vertical-align: middle; 
      line-height: 40px; 
      margin-left: 43px; 
      text-decoration: none; 
     } 

     .setting-title { 
      width: 100%; 
      height: 40px; 
      left: 0px; 
     } 

     .setting-title a { 
      font-size: 28px; 
      font-family: NanumGothic; 
      color: #fafafa; 

      vertical-align: middle; 
      line-height: 40px; 
      margin-left: 43px; 
      text-decoration: none; 
     } 

HTML

<div id="navbar_template"></div> 
<div class="setting-container"> 
    <div class="setting-topnav"> 
     <a>Setting　/　Basic Configuration<a> 
    </div> 

    <div class="setting-title"> 
     <a>Basic Configuration<a> 
    </div> 
</div> 

désolé, je n'ai pas la réputation .. IMAGE: http://i.imgur.com/jBtfeCl.jpg

Answer 1

Fermez vos balises a:

<div id="navbar_template"></div> 
<div class="setting-container"> 
    <div class="setting-topnav"> 
     <a>Setting　/　Basic Configuration</a> 
    </div> 

    <div class="setting-title"> 
     <a>Basic Configuration</a> 
    </div> 
</div>