JonoB
JonoB

Reputation: 5897

CSS Definition list - move inline with unordered list

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?

Upvotes: 0

Views: 422

Answers (2)

stackuser10210
stackuser10210

Reputation: 352

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

Upvotes: 1

kwelch
kwelch

Reputation: 2479

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

Upvotes: 0

Related Questions