How do I set the width and height of a textarea using CSS?

Question

Here is my css:

.editor-field textarea {
    width : 400;
    height : 100px;
}

Here is the markup from my view:

        &l         


        

Answer 1

After some time searching for it, the best way is to use one of the overloads of the method TextAreaFor()

@Html.TextAreaFor(model => model.Visit.BehavioralObservations, 10, 40, new { HtmlAttributes = new { } })

The 10 is the number of rows, the 40 is the number of columns