title: HTML5/razor how to alter length of a input text box
body: <p>Why has html5 changed so much stuff!</p>
  
  <p>How do i alter the width of the below two text boxes? </p>
  
  <pre><code>  &lt;div class="editor-field"&gt;
            @Html.TextBoxFor(m =&gt; m.S1_LandLine)
            @Html.ValidationMessageFor(m =&gt; m.S1_LandLine)
    &lt;/div&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>  &lt;input type="text" id="myinput" value="1" class="Q" data-id2="Q" /&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;select id="S1_TitleID" name="S1_TitleID"&gt;
         &lt;option selected="selected" value="1"&gt;Mr&lt;/option&gt;
         &lt;option value="2"&gt;Miss&lt;/option&gt;
         &lt;option value="3"&gt;Mrs&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>