Assignment1
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<style>
.main{
margin: auto;
width: 600px;
height: 300px;
border: 2px solid blue;
padding: 10px;
}
.col{
float: left;
float: left;
width: 40%;
}
.MN{
width: 10%;
}
.txtmI{
width: 40px;
}
.lbl1{
font-size: 20px;
font-weight: bold;
color: #405db0;
display: inline-block;
margin-bottom: 7px;
width: 100%;
margin-top: 16px;
}
.txtbx{
border-radius: 4px;
border: 2px solid #505051;
padding: 5px;
}
.txtadd{
width: 60%;
}
.btndiv{
float: left;
width: 100%;
text-align: center;
padding: 10px
}
.btnsub{
padding: 7px;
width: 200px;
background-color: #3e5ab9;
color: white;
font-size: 20px;
font-weight: bold;
border-radius: 11px;
border: 1px solid #82b1f4;
margin: 10px;
}
</style>
<body>
<div class="main">
<div class="col fN">
<label class="lbl1">First Name</label>
<input type="text" class="txtbx" >
</div>
<div class="col MN">
<label class="lbl1">M.I</label>
<input type=" text" class="txtmI txtbx">
</div>
<div class="col LN">
<label class="lbl1">Last Name</label>
<input type=" text" class="txtbx">
</div>
<div>
<label class="lbl1">Street Address</label>
<input type=" text" class="txtbx txtadd">
</div>
<div class="col fN">
<label class="lbl1">City</label>
<input type="text" class="txtbx" >
</div>
<div class="col MN">
<label class="lbl1">State</label>
<input type=" text" class="txtmI txtbx">
</div>
<div class="col LN">
<label class="lbl1">Zip</label>
<input type=" text" class="txtbx">
</div>
<div class="btndiv">
<input type="submit" class="btnsub">
</div>
</div>
</body>
</html>