title: Cross-browser CSS for right align label position of textfield
body: <p>I'm using rightToLeft language for my UI, so I need to have label of textfield on right side. I tried using div with <code>float:right</code> for label and div with <code>float:left</code> for textfield. but it still doesn't align correctly in my form.</p>
  
  <p>This is code sample:</p>
  
  <pre><code>&lt;s:form action="processRegister" cssClass="form"&gt;
      &lt;div style="float:right;text-align:right"&gt;
          &lt;s:text name="label12.msg"/&gt;
      &lt;/div&gt;
      &lt;div style="float:left"&gt;
          &lt;s:textfield name="username" cssClass="textfield" /&gt;
      &lt;/div&gt;
  
      &lt;div style="float:right;text-align:right"&gt;
          &lt;s:text name="label13.msg"/&gt;
      &lt;/div&gt;
      &lt;div style="float:left"&gt;
          &lt;s:password id="password1" name="password" cssClass="textfield"/&gt;
      &lt;/div&gt;
  &lt;/s:form&gt;
  </code></pre>
  
  <p>and when I used table and tried to put textfield on one column and label on the other column, they didn't align on one line.</p>