C# 内联块在css中不起作用

我想以直线和垂直对齐方式显示以下两个部分：顶部，但两个作品中的任何一个

<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>

当然有问题，但我看不出问题出在哪里。 那么，有人能在这个问题上说点什么吗

谢谢大家!

试试这个：

信息{ 显示：内联； 浮动：左； }

---

或者试试这个：

jsFiddle复制这个问题会很有帮助。我已经试过了，但是当我这样做的时候，一切都变糟了。后面的div显示在我所说的两个部分后面！我不确定我是否明白你的问题。但请注意：这可能会有所帮助。谢谢，但这与我在visual studio中所做的完全相同，因为我开发了一个asp.net mvc应用程序。也许是因为我提到的每件事都包含在其中。这可能会导致问题吗？嗯，如果您有字段集和其他内容，您应该编辑您的问题并添加这些内容。否则就不可能重新制作了。现在没事了，谢谢你的帮助，我看不出我在第二节之后关闭了第一节，因为我已经包括了第二节！

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