2016-03-13 35 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到你的问题。感谢您的答案的工作! :) –