css - 为什么显示:inline not working (not showing two div parallel)

Question

你能告诉我为什么 display:inline 不起作用吗？我正在尝试显示两个平行或并排的 div(如图所示)。

实际上我的 div 在 div 下面。我需要相邻地显示 div这是我的代码 http://plnkr.co/edit/Ny3wPlMG5F1ZbBtachdN?p=preview

#slideTest{
      margin-top:1em;
      border:1px solid pink;
      width:200px;
      height:100px;

    }
    .slider-pager{
      border:1px solid red;

    }

    #contendText{
      border:1px solid brown;
    }
    #rightContainer{
            display:inline;

    } 

Answer 1

要设置为inline的两个item都应该是'display: inline'或者'display: inline-block'，它们的宽度加起来不能大于父容器的宽度。

因此对于 div 和图像元素或图像容器，您可能需要设置宽度。