CSS Definition list - move inline with unordered list

Question

I have an action bar that holds links. Each link is a <li> and the css sets display:inline.

However, one of the <li> is a <dl><dt>, and this item is not displayed inline.

You can see this demonstrated at http://jsfiddle.net/MAxMn/2/

What extra css do I need to include to move this the <dl<dt> item inline with the rest?

Answer 1

.view-actions dl,dt {
    display: inline;
}

Answer 2

I updated it. Instead of putting inline I switched to float:left. I also added a br with a clear:both that will make sure that after the section after the div goes to the next line like it should.

jsFiddle