html - 在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 包裹文本区域并使其 display:inline-block

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

.tinymc{
    display:inline-block
}

演示