为什么dislay：内联不工作（没有显示两个div并行）

Question

你能否告诉我为什么显示：内联无法正常工作。我正在尝试显示两个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

要设置为内联的两个项目都应为'display：inline'或'display：inline-block'，它们的宽度加在一起不应大于父容器宽度。

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