Стиль для стандартных лесов

Question

Как стилизовать (CSS) стандартные леса, чтобы метка и редактор были в одной строке (столбец метки имеет фиксированную ширину)

    <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

Возможно, вам придется настроить ширину.Границы используются как ориентиры только во время разработки.

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