CheckBox margin: 0 0 0 17px;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style rel="stylesheet" type="text/css">
#sidebar {
width: 214px;
float: left;
background-color: #FFFFFF;
}
#block {
width: 214px;
float: left;
background-image: url(images/bottom.gif);
background-position: bottom left;
background-repeat: no-repeat;
background-color: #174F63;
padding: 10px 0 7px 0;
}
#login img {
float: left;
}
.input {
width: 145px;
height: 15px;
border: 2px inset #D5D5D5;
float: left;
margin: 0 0 6px 0;
padding: 0 0 0 2px;
font-family: Tahoma;
font-size: 11px;
color: #828282
}
.button {
background-image: url(images/button.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: #FFFFFF;
width: 128px;
border: 0px;
margin: 7px 0 5px 7px;
padding: 3px 0 6px 0;
cursor: hand;
cursor: pointer;
color: #2C2C2C;
font-family: Tahoma;
font-size: 11px;
}
.checkbox {
float: left;
margin: 0 0 0 17px;
width: 13px;
height: 13px;
}
</style>
</head>
<body>
<div id="sidebar">
<div id="block">
<div id="login">
<form action="#">
<img src="images/text1.gif" alt="" width="56" height="11" />
<input type="text" class="input" />
<img src="images/text2.gif" alt="" width="56" height="11" />
<input type="text" class="input" /><br />
<input type="button" class="button" value="Enter" /><br />
<input type="checkbox" class="checkbox" /><img src="images/text3.gif" alt="" width="70" height="13" /><br />
</form>
<a href="#" class="forgot">forgot password?</a>
</div>
</div>
</body>
</html>
Related examples in the same category