Fields fill page horizontally
Hello to all. I have a problem with the layout. I like the vertical version but not the horizontal. How can I do so that the labels remain above the fields and the fields fill the page horizontally? thanks
- <body>
- <div data-role="page" id="page">
- <div data-role="header">
- <h1>Intestazione</h1>
- </div>
- <div data-role="content">
- <p>Registrati gratuitamente a PayDiv
- <div data-role="fieldcontain"> </div>
- <div data-role="fieldcontain">
- <label for="textinput6">Nome:</label>
- <input type="text" name="textinput6" id="nome" value="" />
- </div>
- <div data-role="fieldcontain">
- <label for="textinput5">Cognome:</label>
- <input type="text" name="textinput5" id="cognome" value="" />
- </div>
- <div data-role="fieldcontain">
- <label for="textinput4">Email:</label>
- <input type="text" name="textinput4" id="email1" value="" />
- </div>
- <div data-role="fieldcontain">
- <label for="textinput3">Ripeti Email:</label>
- <input type="text" name="textinput3" id="email2" value="" />
- </div>
- <div data-role="fieldcontain">
- <label for="textinput2">Password:</label>
- <input type="password" name="textinput2" id="password1" value="" />
- </div>
- <div data-role="fieldcontain">
- <label for="textinput">Ripeti Password:</label>
- <input type="password" name="textinput" id="password2" value="" />
- </div>
- </p>
- </p>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend></legend>
- <input type="checkbox" name="checkbox1" id="condizioni" class="custom" value="1" />
- <label for="condizioni">Sono d'accordo bla bla bla...</label>
- </fieldset>
- <a href="#" data-role="button" onclick="app.controllaCampi();">Registrami</a> </div>
- </div>
- <div data-role="footer">
- <h4>Piè di pagina</h4>
- </div>
- </div>
- </body>