CSS Style Form Part 1

Code:

<style>

form {

width: 50%;

border: 1px solid #666;



}

#name {

margin: 10px;



}

input[type=text]{

width: 100%;

padding: 10px;





}

#email {

margin: 10px;





}

input[type=email]{

width: 100%;

padding: 10px;





}

#submit {

margin: 10px;



}

input[type=submit]{

width: 30%;

background-color:#3F3;

border:1px solid black;

color: white;

font-weight:bold;

padding: 10px;





}

</style>





<form>

<div id="name">

<input type="text" placeholder="Name" />

</div>

<div id="email">



    <input type="email" placeholder="Email" />

</div>



<div id="submit">

   

    <input type="submit" value="Submit" />

</div>



</form>