first i want to say hi, i have just been learning html and css and so i have been making a website for my air cadet group, but when i validate this 1 page:
<!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>About us</title>
<style type="text/css">
h1{
font-family: "comic sans MS", TSCu_Comic, sans-serif;
color:#F3D299;
text-align:center;
}
body{
background-color: #6B3DC4;
}
p{
color:#F3D299;
font-family: "comic sans MS", TSCu_Comic, sans-serif;
text-align: center;
font-size: 13.5pt;
}
a{
color: #F3D299;
text-align:center;
font-family:"comic sans MS", TSCu_Comic, sans-serif;
font-size: 10pt;
}
#fun{
font-size: 20pt;
}
.links{
font-size: 20pt;
}
</style>
</head>
<body>
<h1>What we're about!</h1>
<p>
Are you up for fun, adventure, incredible experiences
and making new friends? Are you looking for
something to give you the edge in life?
Then welcome to the Air Cadet Organisation (ACO).
Better known as the 'Air Cadets', we’re a UK-wide cadet
force with more than 40,000 members aged between 13 and 20 years.
We're sponsored by the Royal Air Force and can give
you hands-on experience of activities and courses that will challenge and develop your skills
to help you succeed in whatever you want to do. The ACO is made
up of two areas:
</p>
<p>Air Training Corps - The ATC is the RAF's cadet force,
divided into six regions, 36 wings and more than 900 squadrons within
communities around the UK
Combined Cadet Force (RAF) - The CCF (RAF) is our section of the CCF
which is made up of cadets from all three services, coming together
in approximately 200 independent and state schools across the country
</p>
<p>Our aims are to:
<ul>
<li>Promote and encourage a practical interest in aviation and the Royal Air Force among young people</li>
<li>Provide training which will be useful in the Services and civilian life</li>
<li>Encourage the spirit of adventure and develop qualities of leadership and good citizenship</li>
</ul>
</p>
<p id="fun">
And there's one more important thing - it's a lot of fun!
</p>
<p id="links">
|<a href="index.html" class="links">Home.</a>|
<a href="gallery.html" class="links">Our gallery.</a>|
<a href="join.html" class="links">Join us.</a>|
<a href="problems.html" class="links">Problems?</a>|
</p>
<p>
<a href="http://www.raf.mod.uk/aircadets/whoweare/">Taken from the new atc website</a>
</p>
</body>
</html>
and run it though the w3 validator, it raises this error:
Line 62, Column 10: document type does not allow element "ul" here; missing one of "object", "ins", "del", "map", "button" start-tag
<ul>
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you now need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
how can i fix this please?