Question

我试图给我的.links li a提供一些优势，但它不起作用，我给了这个保证金，但链接也没有保证金。

你知道为什么会发生这种情况吗？

我有问题：

我的HTML：

<div id="content">
    <h2>Title</h2>
    <span id="date">22/05/2014</span> <br /> 
    <img class="img" src="../image1.jpg"/>
    <p>
        Paragraph text     
    </p>
    <div id="downloads">
        <h3>Links:</h3>
        <ul class="links">
            <li><a href="">Link bigger</a></li>
            <li><a href="">Link</a></li>
            <li><a href="">Link 3</a></li>
        </ul>
    </div>
    <span class="back">Back</span>
</div>

我的css：

.links li a 
{
    text-decoration:none;
    background:red;
    color:#000;
    margin-top:20px;
    margin:0 auto; 

}

Answer 1

尝试添加

position: relative;
display: inline-block; /* might need this too */

Answer 2

重新排列边距样式。将显示设置为内联块。

.links li a 
{
    text-decoration:none;
    background:red;
    color:#000;
    margin:0 auto; 
    margin-top:20px;
    display: inline-block;
}

更新http://jsfiddle.net/dG6wn/3/

我的保证金不起作用

2 个答案: