Styling für die Standard-Gerüst

Question

Wie kann ich Stil (CSS) der Standard Baugerüst das Etikett und den Editor auf der gleichen Linie haben (das Label Spalte eine feste Breite haben)

<div class="editor-label"> 
     @Html.LabelFor(model => model.Price) 
    </div> 
    <div class="editor-field"> 
     @Html.EditorFor(model => model.Price) 
     @Html.ValidationMessageFor(model => model.Price) 
    </div> 

Answer 1

Möglicherweise müssen tweek die Breiten. Die Ränder werden nur während der Entwicklung als Hilfslinien verwendet.

<style type="text/css"> 

.editor-label { 
    float: left; 
    border: 1px solid red; 
    width: 200px; 
    margin-bottom: 4px; 
    } 

.editor-field { 
    float: left; 
    width: 400px; 
    border: 1px solid green; 
    } 

.editor-label:before { 
    clear: left; 
    } 

</style>