Html 如何内联两个不同的框

我的问题是我有一个对象标记框和一个iFrame，这是我希望代码执行的一个示例

[boz] [box] [box]

但这就是我得到的

[box]
[box]
[box]

CSS:

HTML:

---

任何有解决方案的人？

您得到不一致结果的原因是您定义了

display:blocka

内联元素的code>。
删除它，向所有子元素添加一个类，然后使用

.class{display:inline block}

---

.

我的评论没有被完全理解：）

如果删除了

标记的内联样式中的

显示：块

，则此功能有效

编辑： 要确保它们保持在一条线上，您可以添加：

.stream {white-space:nowrap;} 
.stream * {white-space:normal;} 

---

try.stream对象{display:inline block；}或.stream对象{float:left}流中的元素应格式化为内联框：.stream a、.stream对象、.stream iframe{display:inline block；vertical align:top；}@otherDewi-float已测试，否succsess@GCyrillus-没有按计划工作。现在每个盒子都是垂直的，而不是水平的。正如我的目标。你想把它们放在中间吗？：。流{text align:center；}，对正它们？：当此解决方案按照您描述的所需行为工作时，它如何不起作用？如果您没有足够的宽度，请设置：.stream{white space:nowrap；}.stream*{white space:normal；}谢谢，它现在可以工作了。

{display:block；}

后的问题宽度过大。

<div class="stream">


        <object type="application/x-shockwave-flash"
          height="350"
          width="390" 
          id="live_embed_player_flash"
          data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=username"
          bgcolor="#000000">
          <param name="allowFullScreen" value="true" />
          <param name="allowScriptAccess" value="always" />
          <param name="allowNetworking" value="all" />
          <param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" />
          <param name="flashvars" value="hostname=www.twitch.tv&channel=username&auto_play=true&start_volume=25" />
        </object>

             <a href="http://www.twitch.tv/username" 
              style="padding:2px 0px 4px; 
              display:block; width:345px; 
              font-weight:normal; 
              font-size:10px;text-decoration:underline; 
              text-align:center;">Watch live video from username on www.twitch.tv
             </a>


        <iframe 
          frameborder="0" 
          scrolling="no" 
          id="chat_embed" 
          src="http://twitch.tv/chat/embed?channel=username&popout_chat=true" 
          height="350" 
          width="300">
        </iframe>
</div>

 .stream a, 
.stream object,
.stream iframe{ 
  display: inline-block;
  vertical-align:middle;
}

.stream {white-space:nowrap;} 
.stream * {white-space:normal;}