Html 如何在一行中放置2个div

我有两个div。第一个div包含一个大句子。在这句话的结尾，我想放一个词，在第二节。 但我总是接下一行。这是我的例子

<div class="container">
        <div class="content1">Test and share JavaScript, CSS, HTML or CoffeeScript online.. JsFiddle is the playground for web developers, an online editor for web </div>
        <div class="content2">snippets</div>
</div>

在线测试和共享JavaScript、CSS、HTML或CoffeeScript。。JSFIDLE是web开发人员的游乐场，是web的在线编辑器
片段

我想得到这个

---

您必须将

显示

从

内联块

更改为

内联

.content1, .content2 {
    display: inline;
}

---

FIDLE:

添加“显示：内联块；”添加到CSS中的content1和content2类，或设置内联值：

<div class="container">
    <div class="content1" style="display:inline-block;'>Test and share JavaScript, CSS, HTML or CoffeeScript online.. JsFiddle is the playground for web developers, an online editor for web </div>
    <div class="content2" style="display:inline-block;'>snippets</div>

对内部div使用
display:inline
：使用

.container div{
     display:inline;
 }

或者使用内联元素，例如span而不是Div
默认情况下Div是块元素。如果需要内联元素，理论上应该使用跨距

例如：

<div class="container">
    <span class="content1">Test and share JavaScript, CSS, HTML or CoffeeScript online.. JsFiddle is the playground for web developers, an online editor for web </span >
    <span class="content2">snippets</span >
</div>


在线测试和共享JavaScript、CSS、HTML或CoffeeScript。。JSFIDLE是web开发人员的游乐场，是web的在线编辑器
片段

现在，如果由于某些原因无法更改，您可能必须将特定div的css“display”属性更改为“inline”，尽管我实际上不建议这样做。
我想第二个单词片段应该按照要求在span中

<div class="container">
<div class="content1">Test and share JavaScript, CSS, HTML or CoffeeScript online.. JsFiddle is the playground for web developers, an online editor for web 


在线测试和共享JavaScript、CSS、HTML或CoffeeScript。。JSFIDLE是web开发人员的游乐场，是web的在线编辑器

片段

检查此小提琴
在您的资产中创建Css文件。。
用任何名称定义一个类。使用定义写入

    .divOnSameLine{
             display:inline;
             float:left;
     }

确保在文档中引用css文件。
然后添加类名

<div class="divleft divOnSameLine">Something</div>
<div class="divright divOnSameLine">Something 2</div>

什么
2点

请不要将div用于内容。将父容器更改为p标记（

），并将以下div（在本例中为

和

）更改为span标记（）。默认情况下，它们是

display:inline

如果只是没有特殊样式的内容文本，请删除任何标记并将其放在父p标记内

我建议使用以下代码：

<p class="container">
        Test and share JavaScript, CSS, HTML or CoffeeScript online.. JsFiddle is the playground for web developers, an online editor for web <span class="content2">snippets</span>
</p>


在线测试和共享JavaScript、CSS、HTML或CoffeeScript。。JSFIDLE是web开发人员的游乐场，是web代码段的在线编辑器


根据您的屏幕截图，这将是一个更合适的解决方案。但是，正如另一位已经建议的那样，如果由于某种原因无法更改HTML，您仍然可以更改CSS。
add
display:inlinediv
中只有文本数据，为什么不使用默认的
内联的
标签或
span
？这里只是一个示例。我只需要div，我使用GWT