内联块不起作用

Question

我想在行和vertical-align中显示以下两个部分：top但两个部分中的任何部分都有效。

<section id="info">

        <div class="client-label">N° Portefeuille: </div>

        <div class="client-edit">
         @Html.EditorFor(model => model.portfolio) 
        @Html.ValidationMessageFor(model => model.portfolio)
         </div>
</section>
<section id="record">
 <i>Voici la dernière restriction que vous avez ajouté: </i> 
          <h3> Portfolio </h3>

          @Html.DisplayFor(model => model.portfolio) 
</section>

CSS代码：

#info, #record {
display: inline-block;
vertical-align: top;
}
#record {
border: 1px solid midnightblue;
padding: 5px;
float: right;
display:inline;
}
#info{
display: inline
}

肯定有问题，但我看不出问题出在哪里。 那么有人可以对这个问题有所了解。

谢谢！

Answer 1

试试这个：

信息{

显示：内联;         向左飘浮; }

或试试这个：inline described here