Question

So im integrating this Twitter widget into xhtml.

( http://help.twitter.com/forums/10711/entries/15354 )

The code is:

<dl id="twitter_update_list"></dl>

…then a couple lines of javascript.

My problem is that I can’t figure out how to get any space between the list items. All i need are a couple br tags in between each item.

Im assuming i can css style the dl somehow without conflicting with the already established twitter class?

Any ideas? Just need a solution. Thanks!

Answer 1

Have you tried:

dl#twitter_update_list li {
  // margin, padding, line-height
}

This will apply any rules to all list-items found within #twitter_update_list. I took a look at an example of this widget on http://www.dustindiaz.com/search/?q=from:evan and found only that each tweet is contained within a div having the class twtr-tweet. I’m not sure if that’s the standard, or if this is just the way this particular user imlemented this tool. If the former, you wouldn’t be styling li elements, you’d be stying:

.twtr-tweet {
  // margin, padding, line-height
}