title: How to move "Choose file" to the right of "No file chosen" in <input type = "file"/> with css
body: <p>I am wondering if there is a way to change the placement of "Choose File" and "No file chosen" so that the "No file chosen" area appears before "Choose File". I don't want to change any html, I only want to change the css.</p>
  
  <pre><code>&lt;input type="file" id="upload" name="files[submission_1]" size="22" class="form-file" /&gt;
  </code></pre>
  
  <p>here to save time
  <a href="http://jsfiddle.net/x8wCu/" rel="nofollow">http://jsfiddle.net/x8wCu/</a></p>