c# - 内联 block 不工作的CSS

Question

我想在 line 和 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