Html 如何安排两个div并排?

Html 如何安排两个div并排?,html,css,Html,Css,我有两个div,我将把它们排列在一起,我为它们设置了显示内联块,但不起作用,其中一个比另一个更高 我想要这个: HTML: 但不工作,不显示在上述风格的形象 当我把一些内容添加到right-div-second-div时,它会出现,并从右到左排列ads-div 请帮助并告诉我正确的CSS和HTML将垂直对齐:top添加到类中 将垂直对齐:top添加到类中。内联st 将float:left添加到第二个div,它将正常工作 #second-div { background: none repeat

我有两个div,我将把它们排列在一起,我为它们设置了显示内联块,但不起作用,其中一个比另一个更高

我想要这个:

HTML:

但不工作,不显示在上述风格的形象

当我把一些内容添加到right-div-second-div时,它会出现,并从右到左排列ads-div

请帮助并告诉我正确的CSS和HTML

将垂直对齐:top添加到类中

将垂直对齐:top添加到类中。内联st


将float:left添加到第二个div,它将正常工作

#second-div {
background: none repeat scroll 0 0 green;
float: left;
height: 235px;
width: 388px;

将float:left添加到第二个div,它将正常工作

#second-div {
background: none repeat scroll 0 0 green;
float: left;
height: 235px;
width: 388px;

将两个div向左浮动,查看


将两个div向左浮动,查看


哦,伙计,谢谢。我在想垂直对齐只是在展示台上工作哦,老兄,谢谢。我在想垂直对齐只是在显示表上工作是的,真的谢谢你,但是更好,谢谢你,不用担心,很高兴你找到了一个有效的答案并解决了你的问题!如果这个答案有帮助,请考虑一个上升的VoeYes并且真的谢谢你,但是更好,谢谢YoMeleNo的担心,很高兴你找到了一个工作答案并解决了你的问题!如果这个答案有帮助,请考虑投票。
.inline-st {
display: inline-block;
position: relative;
vertical-align: top;
}
#second-div {
background: none repeat scroll 0 0 green;
float: left;
height: 235px;
width: 388px;
  #send-ads{
    float:left;
    width:613px;
    height: 235px;
    background: white;
    border:1px solid #d6d6d6;
}

    #second-div{
        float:left;
        width:150px;
        height:235px;
        background: red;
        border:1px solid #d6d6d6;
        margin-left:10px;
    }