title: What css is required to get editor-label and editor-field displayed with a side by side layout?
body: <p>So the default MVC application has the following css (in Site.css) - </p>
  
  <pre><code>/* Styles for editor and display helpers
  ----------------------------------------------------------*/
  .display-label,
  .editor-label
  {
      margin: 1em 0 0 0;
  }
  
  .display-field,
  .editor-field
  {
      margin:0.5em 0 0 0;
  }
  
  .text-box
  {
      width: 30em;
  }
  
  .text-box.multi-line
  {
      height: 6.5em;
  }
  
  .tri-state
  {
      width: 6em;
  }
  </code></pre>
  
  <p>What changes are required?
  Thanks</p>