2016-03-13 37 views
0

試圖在一個段落中獲得這兩個div,沒有人有解決方案嗎?在一個段落中創建多個文本html

<div class="boxed"> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. 
</div> 

<div class="boxed"> 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. 
</div> 
+0

歡迎來到SO。請訪問[幫助]並參加[遊覽],瞭解要詢問的內容和方法。現在很清楚你的意思。也許使用CSS作爲顯示:內嵌 – mplungjan

回答

0

從我明白你的問題,你要在一個單一的<p>,以插入兩個<div>的?

如果是這樣它很簡單:

<p> 
    <div id="div1"></div> 
    <div id="div2"></div> 
</p> 

這顯然包裝在一個<p>(段)兩大<div>秒。然後,只需添加內聯CSS類到你的<div> S:

內聯CSS樣式:

<style type="text/css"> 
    div.inline { float:left; } 
    .clearBoth { clear:both; } 
</style> 

現在只需添加inline類既您的div:

<div id="div1" class="inline">test</div> 
<div id="div2"class="inline">test</div> 

輸出:

testtest 

希望可以幫到

+0

對不起,我不清楚的問題,即時通訊新的這個網站抱歉。我想告訴我的是我有2個div盒,並試圖將它們排列在一起。 –

+0

沒問題,當我第一次加入時,我遇到了同樣的問題 - 我提出了一些不好的問題,然後我學會了如何編寫'所以批准'的問題。看到我更新的答案 – AnonDCX

+0

是的,我剛剛發現如何添加一個HTML到你的問題。感謝您的答案的工作! :) –