Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Nov 25th, 2009  |  syntax: HTML  |  size: 2.09 KB  |  views: 129  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <style type="text/css">
  2.         .contact ul {width:600px; margin:0; padding:0; list-style:none;}
  3.         .contact li {margin-bottom:10px; overflow:hidden;}
  4.         .contact label {display:block; margin-bottom:2px;}
  5.         .contact .input {width:100%; border:1px solid #E0E0E0; background:#F6F6F6;}
  6.         .contact .half {float:left; width:50%;}
  7.         .contact .third {float:left; width:33.33%;}
  8.         .contact .half div, .contact .third div {margin-right:10px;}
  9.         .contact .omega div {margin-right:0;}
  10.  
  11. <form action="/contact-us" method="post" class="contact">
  12.         <ul>
  13.                 <li>
  14.                         <div class="half">
  15.                                 <div>
  16.                                         <label for="name">Name:</label>
  17.                                         <input type="text" id="name" name="name" class="input" />
  18.                                 </div>
  19.                         </div>
  20.                         <div class="half omega">
  21.                                 <div>
  22.                                         <label for="email">Email:</label>
  23.                                         <input type="text" id="email" name="email" class="input" />
  24.                                 </div>
  25.                         </div>
  26.                 </li>
  27.                 <li>
  28.                         <label for="address">Address:</label>
  29.                         <input type="text" id="address" name="address" class="input" />
  30.                 </li>
  31.                 <li>
  32.                         <div class="third">
  33.                                 <div>
  34.                                         <label for="city">City:</label>
  35.                                         <input type="text" id="city" name="city" class="input" />
  36.                                 </div>
  37.                         </div>
  38.                         <div class="third">
  39.                                 <div>
  40.                                         <label for="state">State:</label>
  41.                                         <input type="text" id="state" name="state" class="input" />
  42.                                 </div>
  43.                         </div>
  44.                         <div class="third omega">
  45.                                 <div>
  46.                                         <label for="zip">Zip:</label>
  47.                                         <input type="text" id="zip" name="zip" class="input" />
  48.                                 </div>
  49.                         </div>
  50.                 </li>
  51.         </ul>
  52. </form>