Fix my HTML / CSS code?

Deb P

New member
Any particular reason you commented out your CSS? You've got some real useless CSS in there. you don't even have a P or an H6 tag so why are you creating styles for them?

Your spaces are affected by the size of the font you chose. if you want more space between your lines use a <br/> tag.

You should really look into XHTML and external CSS as your HTML is pretty sloppy and could be much simplified.
 
<html>
<HEAD>
<STYLE TYPE="text/css">
<!--
BODY {background-color: #AFEEEE;}
A:link {color: #FF3333;}
A:visited {color: #9900CC;}
H1 {font-size: 60pt; font-family: monotype Corsiva; color: #3333FF;}
H2 {font-size: 24pt; font-family: times new roman; color: #FF3300;}
H3 {font-size: 18pt; font-family: calibri; color: #000000;}
H4 {font-size: 17pt; font-family: cambria; color: #FF6600;}
H5 {font-size: 17pt; font-family: arial; color: #9900CC;}
H6 {font-size: 18pt; font-family: times new roman; color: #0000FF;}
P {letter-spacing: 1pt;}
DIV {text-align:center;}
-->
</STYLE>
</HEAD>
<body>

<h1> Example </h1>
<h2> How come there is such a big difference in space? </h2>
<h3> There is a continued difference in space, </h3>
</body>
</html>

How come there is such a big difference in space from the first line to the second?
 
Any particular reason you commented out your CSS? You've got some real useless CSS in there. you don't even have a P or an H6 tag so why are you creating styles for them?

Your spaces are affected by the size of the font you chose. if you want more space between your lines use a <br/> tag.

You should really look into XHTML and external CSS as your HTML is pretty sloppy and could be much simplified.
 
Back
Top