Advertisement
Guest User

Untitled

a guest
Nov 25th, 2009
297
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.09 KB | None | 0 0
  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. </style>
  11.  
  12. <form action="/contact-us" method="post" class="contact">
  13.         <ul>
  14.                 <li>
  15.                         <div class="half">
  16.                 <div>
  17.                                     <label for="name">Name:</label>
  18.                                     <input type="text" id="name" name="name" class="input" />
  19.                 </div>
  20.                         </div>
  21.             <div class="half omega">
  22.                 <div>
  23.                                     <label for="email">Email:</label>
  24.                                     <input type="text" id="email" name="email" class="input" />
  25.                 </div>
  26.                         </div>
  27.                 </li>
  28.                 <li>
  29.                         <label for="address">Address:</label>
  30.                         <input type="text" id="address" name="address" class="input" />
  31.                 </li>
  32.                 <li>
  33.                         <div class="third">
  34.                 <div>
  35.                                     <label for="city">City:</label>
  36.                                     <input type="text" id="city" name="city" class="input" />
  37.                 </div>
  38.                         </div>
  39.                         <div class="third">
  40.                 <div>
  41.                                     <label for="state">State:</label>
  42.                                     <input type="text" id="state" name="state" class="input" />
  43.                 </div>
  44.                         </div>
  45.                         <div class="third omega">
  46.                 <div>
  47.                                     <label for="zip">Zip:</label>
  48.                                     <input type="text" id="zip" name="zip" class="input" />
  49.                 </div>
  50.                         </div>
  51.                 </li>
  52.         </ul>
  53. </form>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement