Question

我在这里有HTML ...

<!-- Contact -->
    <section id="volunteer" class="row" data-scroll-factor="0.7">
      <div class="col-md-10 col-md-offset-1">
        <div class="icon"><i class="fa fa-info"></i></div>
        <h1>Volunteer Projects</h1>
        <div class="section-content">
          <p>
          </p>
           <ul class="basiclist">
                       <li>Homeless Shelters and short term respite</li>
                       <li>Addiction & Rehabiliation support</li>
                       <li>Domestic Violence/abuse</li>
                       <li>Asylum Seekers and Refugees</li>
                     </ul>

                     <br><p> If .</p>



        </div>
      </div><!-- End of .col-md-10 -->
    </section><!-- End of Contact-->

并且我的ul始终与左边对齐...所以我尝试了这个css但是它没有用。

// Section: volunteer
&#volunteer{

    .basiclist{


            text-align:left;
        }

}

所以它真的，不知道有什么愚蠢的CSS问题，虽然我怀疑这是我自己在这种情况下的愚蠢。请帮忙。

Answer 1

如果你给div class = section-content一个id：myListContainer，然后添加这个CSS规则，它可能会覆盖Bootstrap CSS：

 #myListContainer { text-align: left; }

text-align不应直接用于您要对齐的元素。它应该应用于块级元素，然后该元素中的内容受到影响（继承）。

与有序列表对齐

1 个答案: