テキストは私の李

Question

Demo link

わからないでは中心ではありません。

HTML

<div id="the_target"> 
    <ul> 
     <li>Stephen Marston</li> 
     <li>Account Exectutive</li> 
     <li>The Company</li> 
    </ul> 
</div> 

SASS：中央に配置されないためにスティーブン・マーストンを強制することができるもので

section { 
    #the_requestor { 
     margin-top: 40px; 
     ul { margin-top: 10px; } 
     ul li { 
      text-align: center; 
      line-height: $px20; 
     } 
     li:first-child { 
      font-family: LatoBold; 
      font-size: $px30; 
      background: cyan; 
     } 
    } 
    #the_target { 
     position: relative; 
     margin-top: 40px; 
     ul { margin-top: 10px; } 
     ul li { 
      text-align: center; 
      line-height: $px20; 
     } 
     li:first-child{ 
      font-family: LatoBold; 
      font-size: $px30; 
      background: cyan; 
     } 
    } 
} 

任意の考え？

Answer 1

#mobile-action-areaには、干渉している要素がフローティングされています。このフロートをクリアする必要があります。それを行うにはさまざまな方法があります。 overflow: hiddenに#mobile-action-areaを追加すると修正されます。あなたも試してください：

#mobile-action-area:after { 
    display: table; 
    content: ""; 
    clear: both; 
} 

Answer 2

あなたは#the_target

#the_target { 
      position: relative; 
      margin-top: 40px; 
      clear:both; 
    }