Невозможно отобразить элемент списка встроенным

Question

Пожалуйста, обратитесь к http://jsfiddle.net/4kSpz/

Каждый li отображается встроенным, но по какой-то причине <dl><dt> не является встроенным.

Какие дополнительные css мне нужно включить, чтобы переместить элемент <dl><dt> в линию с другими элементами списка?

Answer 1

В .dselector dt и .dselector dt a span вы используете display: block.

. Вы можете изменить это значение на display: inline-block, чтобы оно оставалось встроенным и отображалось как блок.Или, если вы хотите поддерживать IE7, вы можете использовать float: left;просто не забудьте очистить свои поплавки.

Использование inline-block: http://jsfiddle.net/4kSpz/2/

Использование float: left: http://jsfiddle.net/4kSpz/3/