asp.net-mvc - 要素を一列に並べる

Question

H2 と Div を一列に並べようとしてもうまくいきません

どこにエラーがありますか？

<div style="display:inline"><h2>LISTA DE SEDES</h2> |<div class="Create">  @Html.ActionLink("Create", "Create")</div></div>

Answer 1

<h2>と内側のdivには、外側のdivではなく、が必要ですdisplay:inline;。

Answer 2

これを試して：

<div style="display:inline"><h2 style="display:inline;">LISTA DE SEDES</h2> |<div class="Create" style="display:inline;">  @Html.ActionLink("Create", "Create")</div></div>

君は見るべきだ：

LISTA DE SEDES | @Html.ActionLink("Create", "Create")

インラインで表示されます。フロートでそれを行うこともできます：

<style type="text/css">
.float_left {
    float:left;
}
.clear {
    clear:both;
}
</style>
<div class="float_left">
<h2 style="display:inline;">LISTA DE SEDES</h2>
</div> 
<div class="float_left"> | </div> 
<div class="float_left"><div class="Create">  @Html.ActionLink("Create", "Create")</div></div>
<div class="clear"></div>

Answer 3

ねえ、あなたは使用する必要がありますdisplay inline-block

このように

<div  style="display: inline-block;">
<h2 style="display: inline-block;">LISTA DE SEDES</h2> |
<div class="Create"  style="display: inline-block;">  @Html.ActionLink("Create", "Create")</div>
</div>

ライブデモhttp://jsfiddle.net/rohitazad/t5FEX/1/

Answer 4

ネストされた<div>ものをインラインで表示する場合は、ネストされたdiv自体<h2>に適用する必要があります。display: inlineヘッダー要素もデフォルトでブロックとして表示されるため、<h2>インラインでも表示するようにを指定する必要があります。

<div><h2 style="display: inline">LISTA DE SEDES</h2> |<div class="Create" style="display: inline">  @Html.ActionLink("Create", "Create")</div></div>​

こちらのデモをご覧ください：http：//jsfiddle.net/t5FEX/