获取闪存对象作为输入字段的旁边

Question

我无法正确排列两个元素。

这是我的HTML：

<input class='pretty-border' id='shareinput' value='afdsdasfdasfadsff' />
<span>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
            width="14"
            height="14"
            id="clippy" >
        <param name="movie" value="/clippy.swf"/>
        <param name="allowScriptAccess" value="always" />
        <param name="quality" value="high" />
        <param name="scale" value="noscale" />
        <param NAME="FlashVars" value="id=clip_text">
        <param name="bgcolor" value="#FFFFFF">
        <embed src="/clippy.swf"
               width="14"
               height="14"
               name="clippy"
               quality="high"
               allowScriptAccess="always"
               type="application/x-shockwave-flash"
               pluginspage="http://www.macromedia.com/go/getflashplayer"
               FlashVars="id=clip_text"
               bgcolor="#FFFFFF"
        />
    </object>
</span>

这是我的CSS：

input.pretty-border {
  float:left;
  font-size:1em;
  width: 300px;
  padding: 5px 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 4px solid #c9deff;
}

不幸的是，在附图中可以看到对象之间存在换行符。我怎么能摆脱它？

Answer 1

尝试给两个元素指定相同的类名，然后将float：left放在该类中，而不仅仅是输入元素。

.sameclass {                
     float:left;                
 }

Answer 2

在对象上设置display:inline似乎有效（在Chrome＆amp; FF中测试）

span object {display:inline;}