Search code examples
csswebfeed

CSS Spacing of News Release Links

I am just looking to space these news releases out nicely so there is a gap in between each posting. I have included an image below to explain. I tried to increase the padding on the following but that did not work. Thanks for the help

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

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

enter image description here

Solution

  • Made your press releases look like the following:

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

    Here is what I made it look like with the above css code:

    enter image description here

    As suggested elsewhere in the answers, your span cannot be given padding-top/bottom unless you explicitly set its display property to behave like block/inline-block level elements. Hence, instead of setting that property on span, we set it to the li tag. However, i added overflow:auto as well because your css did not contain its elements as you had set position:absolute to your spans. This could should set that bit right as well.