title: Reduce textfield width & display comment box below text
body: <p>we have contact-us page like this</p>
  
  <p><a href="https://i.stack.imgur.com/pEkI0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pEkI0.png" alt="enter image description here"></a></p>
  
  <p>I want to  chnage like this</p>
  
  <p><a href="https://i.stack.imgur.com/fBfi9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fBfi9.png" alt="enter image description here"></a></p>
  
  <p>when i tried <code>width : 75 %</code> , its working only for <code>Name</code></p>
  
  <pre><code>input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] {
      height: 32px;
      padding: 0 8px;
      border: 1px solid #d1d1d1;
      background: #FFFFFF;
      font-size: 13px;
  }
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div id="messages_product_view"&gt;&lt;?php echo $this-&gt;getMessagesBlock()-&gt;toHtml() ?&gt;&lt;/div&gt;
  &lt;!-- &lt;div class="page-title"&gt;
      &lt;h1&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Contact Us') ?&gt;&lt;/h1&gt;
  &lt;/div&gt; --&gt;
  &lt;form action="&lt;?php echo $this-&gt;getUrl('contacts/index/post'); ?&gt;" id="contactForm" method="post" class="scaffold-form"&gt;
      &lt;div class="fieldset"&gt;
          &lt;h2 class="legend"&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Contact Information') ?&gt;&lt;/h2&gt;
          &lt;p class="required"&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('* Required Fields') ?&gt;&lt;/p&gt;
          &lt;ul class="form-list"&gt;
              &lt;li class="fields"&gt;
                  &lt;div class="field"&gt;
                      &lt;label for="name" class="required"&gt;&lt;em&gt;*&lt;/em&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Name') ?&gt;&lt;/label&gt;
                      &lt;div class="input-box"&gt;
                          &lt;input name="name" id="name" title="&lt;?php echo Mage::helper('core')-&gt;quoteEscape(Mage::helper('contacts')-&gt;__('Name')) ?&gt;" value="&lt;?php echo $this-&gt;escapeHtml($this-&gt;helper('contacts')-&gt;getUserName()) ?&gt;" class="input-text required-entry" type="text" /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="field"&gt;
                      &lt;label for="email" class="required"&gt;&lt;em&gt;*&lt;/em&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Email') ?&gt;&lt;/label&gt;
                      &lt;div class="input-box"&gt;
                          &lt;input name="email" id="email" title="&lt;?php echo Mage::helper('core')-&gt;quoteEscape(Mage::helper('contacts')-&gt;__('Email')) ?&gt;" value="&lt;?php echo $this-&gt;escapeHtml($this-&gt;helper('contacts')-&gt;getUserEmail()) ?&gt;" class="input-text required-entry validate-email" type="email" autocapitalize="off" autocorrect="off" spellcheck="false" /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;label for="telephone"class="required"&gt;&lt;em&gt;*&lt;/em&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Telephone') ?&gt;&lt;/label&gt;
                  &lt;div class="input-box required-entry"&gt;
                      &lt;input name="telephone" id="telephone" title="&lt;?php echo Mage::helper('core')-&gt;quoteEscape(Mage::helper('contacts')-&gt;__('Telephone')) ?&gt;" value="" class="input-text required-entry validate-digits" type="tel" /&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
              &lt;li class="wide"&gt;
                  &lt;label for="comment" class="required"&gt;&lt;em&gt;*&lt;/em&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Comment') ?&gt;&lt;/label&gt;
                  &lt;div class="input-box"&gt;
                      &lt;textarea name="comment" id="comment" title="&lt;?php echo Mage::helper('core')-&gt;quoteEscape(Mage::helper('contacts')-&gt;__('Comment')) ?&gt;" class="required-entry input-text" cols="5" rows="3"&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="buttons-set"&gt;
          &lt;input type="text" name="hideit" id="hideit" value="" style="display:none !important;" /&gt;
          &lt;button type="submit" title="&lt;?php echo Mage::helper('core')-&gt;quoteEscape(Mage::helper('contacts')-&gt;__('Submit')) ?&gt;" class="button"&gt;&lt;span&gt;&lt;span&gt;&lt;?php echo Mage::helper('contacts')-&gt;__('Submit') ?&gt;&lt;/span&gt;&lt;/span&gt;&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  &lt;script type="text/javascript"&gt;
  //&lt;![CDATA[
      var contactForm = new VarienForm('contactForm', true);
  //]]&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to place 4 textfields at the center of the white background</p>