I'm encountering an issue where the CSS layout doesn't load when I try to view the document. Here's the content:
<!DOCTYPE html>
<html>
<head>
<body>
<title>Waden B. Greaux Jr.</title>
<link href="Style/Waden_Greaux Website.css" type="text/css"
rel="stylesheet" />
</head>
<div id="header">
<p>Hi! Welcome to the official site of Waden Greaux!</p>
<hr />
<p>
<ul>
<li><a href="Biography.html">Biography</a></li>
<li><a href="Tips_and_Wisdom.html">Tips and Wisdom</a></li>
<li><a href="Contact.html">Contact Me</a></li>
<ul>
</div>
<!-- end of header -->
</body>
</p>
<h1>Overview</h1>
<p>Waden Greaux, age 16, is a high school student dedicated to making a positive impact on the world. He possesses skills in graphic design, professional writing and journalism, programming in multiple languages, and is a devoted scholar in various subjects like philosophy, mathematics, logic, and sciences. Additionally, he has a keen interest in computers, as well as investments in precious metals and stocks.</p>
</html>
Check out the CSS stylesheet below:
body {
background-color: #fbbdf6;
}
title {
font-family: Verdana, sans-serif;
font-size: 60px;
font-weight: bold;
font-style: italic;
text-decoration: underline;
line-height: 1.6em;
text-align: center;
}
h1 {
font-family: Georgia, serif;
font-size: 12px;
text-align: justify line-height: 1.6em;
}
p {
font-family: Arial, sans-serif font-size: 24px text-align: justify line-height: 1.5em;
}