html - テキストが my li の中央にない

Question

デモリンク

2 番目のリストのテキストが中央に配置されない理由がわかりません。

HTML

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

サス:

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

#the_target の前にフロートをクリアする必要があります

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