在tinymce textarea的右边放置div

Question

我正在尝试在 tinymce-textarea 右侧放置一个图像列表。 它适用于没有 tinymce 的纯文本区域，但是当我添加 tinymce 时，图像会放在它下方。

HTML：

<textarea></textarea>
<div class="metadata">
  <div>
    <img src="image.jpg">
    <img src="someimage.jpg">
    <img src="anotherimg.jpg">
    <img src="yetanotherone.jpg">
  </div>
</div>

CSS：

#tiny_mce{
   display: block;
   width: 300px;
}

.metadata {
  display: inline-block;
}

编辑：这是 jsfiddle：http://jsfiddle.net/twfya/5/

Answer 1

用 div 包裹文本区域并使其显示：inline-block

<div class="tinymc"> <textarea></textarea></div>

.tinymc{
    display:inline-block
}

DEMO