Align fields in created webforms I am new to drupal, and currently i am creating a webpage in drupal from html . i have almost completed. I have created web form for "Contact us" form, after creation it is not in proper alignment. So, my form should be look like the picture shown as below.


So, right now it is like as below image.


So, please someone help me to get out of this issue.
You can theme the webform.
Create a new file: webform-form-81.tpl.php (Replace the number 81 with the node ID of your webform)

Place this file in your sites theme directory (sites/all/themes/yourtheme/webform-form-81.tpl.php)

Inside this new webform-form-81.tpl.php file, insert the following code:

&lt;table border="0"&gt;
&lt;col style="width: 50%" /&gt; &lt;col style="width: 50%" /&gt; &lt;/colgroup&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;?php print drupal_render($form['submitted']['name']); ?&gt;&lt;br&gt;
    &lt;?php print drupal_render($form['submitted']['email']); ?&gt;&lt;br&gt;
    &lt;?php print drupal_render($form['submitted']['phone']); ?&gt;&lt;/td&gt;

    &lt;td&gt;&lt;?php print drupal_render($form['submitted']['notes']); ?&gt;&lt;/td&gt;
&lt;/tr&gt;




&lt;?php
// Always print out the entire $form. This renders the remaining pieces of the
// form that haven't yet been rendered above (buttons, hidden elements, etc).
print drupal_render_children($form);


Save the file, then clear your Drupal cache.
Refresh the page with the form on it.