0

我只是想很好地将这些新闻发布间隔开，这样每次发布之间就有间隔。我在下面放了一张图片来解释。我试图增加以下的填充，但没有奏效。谢谢您的帮助

.headline {
position: absolute;
padding-top: 15px;
}

http://www.petrowestcorp.com/home/

在此处输入图像描述

4

3 回答 3

0

这个JSfiddle应该很适合你。

HTML

<div class='feedburnerFeedBlock'>
    <ul>
        <li>
             <h6>August 13, 2013</h6>

            <p><a href='#'>Petrowest Corporation Announces Second Quarter 2013 Financial Results and New Contract Award for Civil Division</a>
            </p>
        </li>
        <li>
             <h6>May 13, 2013</h6>

            <p><a href='#'>Petrowest Corporation Announces First Quarter 2013 Financial Results</a>
            </p>
        </li>
    </ul>
</div>

CSS

a {
    color: #000;
    text-decoration: none;
}
h6, p {
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
}
h6, p, .feedburnerFeedBlock ul, .feedburnerFeedBlock ul li {
    margin: 0;
    padding: 0;
}
h6 {
    color: #777;
}
.feedburnerFeedBlock ul {
    list-style-type: none;
    margin: 10px 0;
    width: 320px;
}
.feedburnerFeedBlock ul li {
    margin-bottom: 15px;
}
于 2013-08-15T17:38:19.143 回答
0

使您的新闻稿如下所示：

.feedburnerFeedBlock ul li {
  list-style-type: none;
  text-align: left;
  font-size: 12px;
  line-height: 1.5em;
  overflow: auto;
  padding-top: 10px;
}

这是我用上面的 css 代码使它看起来的样子：

在此处输入图像描述

正如答案中其他地方所建议的那样，除非您明确将其显示属性设置为像块/内联块级元素一样，否则您的跨度不能被赋予填充顶部/底部。因此，我们没有将该属性设置为 on span，而是将其设置为li标签。但是，我也添加了overflow:auto，因为您的 css 不包含您设置position:absolute为跨度的元素。这也应该设置正确的位。

于 2013-08-15T18:01:46.273 回答
0

嗨，您可以简单地在 css 中执行此操作。

.feedburnerFeedBlock > ul > li {
    padding-top: 15px;
}

span元素不是元素，如果block您将跨度设置为例如，您只能应用尺寸display: block

于 2013-08-15T17:19:38.257 回答