title: Vaadin LoginForm layout - HTML
body: <p>I'm facing problem trying to set horizontal layout to LoginForm of Vaadin. The only solution for which I have an idea is overriding getLoginHTML() class so that it return the proper code. 
  I've added style="float:left" which worked for me in normal html. </p>
  
  <p>The changed part of code looks like this:</p>
  
  <pre><code>(...) + "&lt;div class='v-app v-app-loginpage' style=\"background:transparent;\"&gt;"
          + "&lt;iframe name='logintarget' style='width:0;height:0;"
          + "border:0;margin:0;padding:0'&gt;&lt;/iframe&gt;"
          + "&lt;form id='loginf' target='logintarget' onkeypress=\"submitOnEnter(event)\" method=\"post\"&gt;"
          + "&lt;div style=\"float: left;\"&gt;"
          + getUsernameCaption()
          + "&lt;/div&gt;&lt;div style=\"float: left;\"&gt;"
          + "&lt;input class='v-textfield' style=\"float: left;\" type='text' name='username'&gt;&lt;/div&gt;"
          + "&lt;div style=\"float: left;\"&gt;"
          + getPasswordCaption()
          + "&lt;/div&gt;"
          + "&lt;div style=\"float: left;\"&gt;&lt;input class='v-textfield' style='display:inline; float:left;' type='password' name='password'&gt;&lt;/div&gt;"
          + (...)
  </code></pre>
  
  <p>And that behaves in a weird way - UserField and PasswordLabel are in the same line - all others are in a separate lines. So it looks like that:</p>
  
  <p>UsernameLabel</p>
  
  <p>UserField  PasswordLabel</p>
  
  <p>PasswordField</p>
  
  <p>Button</p>
  
  <p>And as I said I would like it to be algined horizontally... any ideas?</p>