label font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Spotlight | A Free CSS Template by RamblingSoul</title>
<style type='text/css'>
#wrap #topbar {
height: 35px;
padding-top: 15px;
}
#wrap #header {
background: url(images/header.jpg) no-repeat;
height: 176px;
}
body {
background: #E6E0D2; url(images/bg.jpg) repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#wrap #main #content .post form {
padding-right: 15px;
padding-left: 15px;
}
#wrap #main #content .post #form label {
font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
font-size: 12px;
color: #040507;
display: block;
}
#wrap #main #content .post #form .textfield {
display: block;
width: 250px;
border: 1px solid #AF9D72;
background-color: #F2ECD7;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<h2 id="description">Spotlight Is AFree CSS Template</h2>
</div>
<div id="main">
<div id="content">
<div class="post">
<div class="posthead"><h2>Form <span>Example</span></h2></div>
<form action="#" method="get">
<div id="form">
<label for="name">Name</label> <input name="name" id="name" class="textfield" type="text" />
<label for="email">Email</label> <input name="email" id="email" class="textfield" type="text" />
<label for="phone">Phone</label> <input name="phone" id="phone" class="textfield" type="text" />
<label for="comment">Comment</label> <textarea class="textfield" id="comment" name="comment" cols="35" rows="5"></textarea>
<div class="buttons">
<input name="Submit" type="button" value="submit" />
</div>
</div>
</form>
</div>
</div>
</body>
</html>
Related examples in the same category