setting up text font and size in this css

Suspended
Joined
30 Jan 2005
Posts
467
Hey guys, I have this bit of code that iCraig very kindly made for me a few days ago, but I was wondering if someone could tell me how to set it up so the text used was size 1, verdana and bold. I have tried some ways which kinda work. But all the ways I try dont validate.

heres the code:

Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>OCUK Example</title>
<style type="text/css">
body {
	background-color: #FFFFFF;
	color: #000000;
}

#Container {
	margin-left: auto;
	margin-right: auto;
	width: 325px;
	height: 333px;
	border: 1px #000000 solid;
	text-align: center;
	padding: 10px;
}
#FirstBox {
	text-align: left;
	width: 304px;
	height: 84px;
	background-color: #C0C0C0;
	border: 1px #000000 solid;
}
#SecondBox {
	text-align: left;
	width: 304px;
	height: 216px;
	border: 1px #000000 solid;
	background-color: #C0C0C0;
	margin-top: 7px;
}	
p {
	padding-left: 5px;
}
</style>
</head>

<body>
  <div id="Container">
    <div id="FirstBox">
      <p>text 1</p>
    </div>
    <div id="SecondBox">
      <p>text 2</p>
    </div>
  </div>
</body>

</html>
 
i believe this is correct, but on the style for the body add in under the " color: #000000; " property:


font-family: verdana, sans-serif;
font-weight: bold;
font-size: small;


I think that should be what you want
 
Back
Top Bottom