CodeDogg

HTML

<form name="signup" action="" method="post">

<ul>

<li>

<label for="name">Name</label>

<input type="text" name="name" id="name" />

</li>

<li>

<label for="email">Email</label>

<input type="text" name="email" id="email" size="30" />

</li>

<li>

<label for="Your Interest">Your Interest</label>

<select name="">

<option>General Inquiry</option>

<option>Website Design</option>

<option>Website Re-Design</option>

<option>Print / Graphic Design</option>

<option>Photography</option>

</select>

</li>

<li>

<label for="email">Your Comment</label>

<textarea name="" cols="" rows="10"></textarea></li>

<li>

<label for="submit"></label>

<button type="submit" id="submit">Send</button>

</li>

</ul>

</form>

CSS

//////////////////////////////////////////////////////////////

.toggle_container ul, .toggle_container li {

border:0;

margin:0;

padding:0;

list-style:none;

}

.toggle_container li {

clear:both;

list-style:none;

padding:5px;

}

.toggle_container input, select, textarea, button {

float:left;

clear:both;

border:1px solid #999;

width:290px;

float:left;

height:20px;

background-color:#333;

color:#fff;

padding:5px

}

input textfield{

padding:5px;

}

textarea{

height:100px

}

select{

height:33px;

width:300px;

}

button {

width:80px;

font-weight:bold;

background-color:#333;

color:#CCC;

border:1px solid #999;

margin:15px 0px 30px;

height:30px;

}

.toggle_container label {

width:140px;

float:left;

font-weight:bold;

}