Question

我最近在制作网站时遇到了问题。我从我从www.coveloping.com抓起的一个片段创建了一个定价表;我非常喜欢它，但是一旦我输入HTML和CSS，它会自动缩进我表格中的所有内容。这是一个屏幕截图http://awesomescreenshot.com/0962ewjwc7 - 我知道这可能是相当noobish，并且可能有一个非常简单的解决方案，虽然我使用开发工具搜索了源代码，但仍然没有找到问题。

如果有人能帮我解决这个问题，我将不胜感激;提前感谢您的帮助！

<div class="pricing-table" id="pricing-table"> 
    <ul> 
        <li class="heading">Bronze</li> 
        <li class="price">£20</li> 
        <li>Starter package</li> 
        <li>15 Projects</li> 
        <li class="action">Buy Now</li> 
    </ul> 
    <ul> 
        <li class="heading">Silver</li> 
        <li class="price">£60</li> 
        <li>Intermediate package</li> 
        <li>20 Projects</li> 
        <li class="action">Buy Now</li> 
    </ul> 
    <ul> 
        <li class="heading">Gold</li> 
        <li class="price">£80</li> 
        <li>Professional package</li> 
        <li>30 Projects</li> 
        <li class="action">Buy Now</li> 
    </ul> 
</div>

Answer 1

造成这个问题的原因是这段代码。

.entry-content li, .comment-content li, .mu_register li 
{
     margin: 0 0 0 36px;
     margin: 0 0 0 2.571428571rem;
}

可以通过删除该位代码或添加以下内容来修复：

#pricing-table ul li 
{
    margin-left: 0px!important;
}

麻烦与WordPress中的定价表

1 个答案: