讓這些元素通過CSS

一個模塊內聯/在一個單一的線，我的Joomla CMS生成以下代碼：讓這些元素通過CSS

<li id="myid" clas=""> 
    <span> 
     <strong>1.</strong> 
    </span> 

    <dl> 
     <dt> 
     <span>Some text</span> 
     </dt> 
    </dl> 
</li>

這必須在HTML編輯，因爲它是通過多個插件創建。有沒有辦法讓「某些文字」出現在「1」的右邊。通過CSS。我試過類似的東西：

li { 
    display: inline; 
}

哪些沒有工作。你有什麼建議嗎？非常感謝你！

來源

2012-02-02 softwaresupply

您需要設置dl和dt顯示爲inline，因爲他們的默認值是block：

#myid dl, #myid dt { 
    display: inline; 
}

來源

2012-02-02 23:27:58 thirtydot

這是它在行動： http://jsfiddle.net/XjcAc/換句話說，接受這個人的答案。 ;） – 2012-02-02 23:43:43

這不起作用。如果我使用這個「某些文本」塊仍然打印在「1」的下方 – softwaresupply 2012-02-03 09:17:36

@kameltreiber：你能鏈接到一個頁面顯示這不起作用嗎？可能有些東西你沒有告訴我，因爲我的答案適用於你提供的HTML。 – thirtydot 2012-02-03 09:54:40

你爲什麼不使用有序列表，而不是無序列表？它可以被簡化..

但是，如果你想要與你的代碼一起去，你必須從列表中刪除「」標籤，因爲它將被棄用。解決方法是在你的標籤添加class =「強」你的電話號碼，並添加更多的CSS問題，以下是「強」類的代碼：

#myid .strong{ 
    font-weight:bold; 
}

你的HTML代碼：

<li id="myid" clas=""> 
    <span class="strong">1.</span><dl> 
     <dt> 
     <span>Some text</span> 
     </dt> 
    </dl> 
</li>

來源

2012-02-03 04:01:16 Blackbone23

其實我不能在HTML代碼中插入像「strong」這樣的代碼。 – softwaresupply 2012-02-03 09:18:34

讓這些元素通過CSS

回答

相關問題