Jquery 如何将三个div并排放置在另一个div中

我想并排创建三个div，这样，我想在每个div中为一组不同的图片输入虚拟lightbox。现在我已经尝试了很多，但我无法创建一个。
以下是守则-

            <div id="content-4">

                           <!--main content-->
      <div>
        <h3><span>Jumbo Events</span> </h3>

        <!-- About company -->
                    <div style="">

                        <div id="wrapper">
  <div id="first">first</div>
  <div id="second">second</div>
  <div id="third">third</div>
</div>


</div>
    <script type="text/javascript">
        var $VisualLightBoxParams$ = {autoPlay:true,borderSize:21,enableSlideshow:true,overlayOpacity:0.4,startZoom:true};
    </script>
    <script type="text/javascript" src="visuallightbox.js"></script>


   </div>  

---

现在，通过上面的代码，我看到每个div一个接一个地放置。

尝试使用CSS display

内嵌块

-例如：

.wrapper div {
  display: inline-block;
}

---

您缺少一个

在
#秒
中

工作如下。
您的css中有语法错误，您遗漏了一个
如果你修复了它，它会工作的

它与块元素一起工作-这是一个错误，不是修复。我更新了你的提琴：而你只是复制粘贴了我的答案？亲爱的，看看我的答案，它已经过测试了！！正如一位智者曾经说过的——有一种做事的方式，也有一种做事的方式。如果他明智的话，他显然不会使用上述CSS。他会改为修复不正确的CSS。你的答案是无用的，因为OP的问题是语法错误，当修复解决了手头的问题时。@VolkanUlukut很容易错过，我相信圣彼得会在我到达珍珠之门时原谅我。
.wrapper div {
  display: inline-block;
}

#second {
  background-color:blue;
  width:310px;
  height:240px;
  float:left;
}