CSS定義リスト - 順序付けられていないリストでインラインに移動

リンクを保持するアクションバーがあります。各リンクは<li>で、CSSはdisplay:inlineと設定されています。CSS定義リスト - 順序付けられていないリストでインラインに移動

ただし、<li>のいずれかは<dl><dt>です。この項目はインラインで表示されません。

あなたは、これは私が休みで、この<dl<dt>アイテムをインラインで移動するために含める必要があります余分な何CSS http://jsfiddle.net/MAxMn/2/

で実演を見ることができますか？

2012-01-15 JonoB

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

出典

2012-01-15 20:34:36 stackuser10210

これは私が提供フィドル上で動作しますが、私の実際のシナリオでは、それはいくつかの理由doesntの。 http://jsfiddle.net/MAxMn/5/ – JonoB

の完全なCSSファイルをリンクしました。display：ブロックが.view-actionsクラスから降りるdtとspanのスタイルシート内に設定されているようです。重要なhttp://jsfiddle.net/MAxMn/6/でテストまたは上書きすることができます。高さと幅が必要な場合は、インライン化したくないかもしれません。浮動小数点はより良いかもしれません。 – stackuser10210

私はそれを更新しました。 inlineの代わりにfloat:leftに切り替えました。私もclear:bothと一緒にbrを追加しました。それはdivの後のセクションの後に次のラインに行くようにします。

jsFiddle

出典

2012-01-15 20:32:17 kwelch

CSS定義リスト - 順序付けられていないリストでインラインに移動

答えて

関連する問題