Big gaps between unordered list

HTML-CSS
1

why is there big gaps between my unordered list. i’ve never had that problem before.

http://www.charismacommunications.ca/policy.html

<!DOCTYPE html>
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
	<meta charset="UTF-8">
	<title>News - Charisma Communications</title>
	<link rel="stylesheet" href="css/style.css" type="text/css">
	<!--[if IE]>
		<link rel="stylesheet" href="css/ie.css" type="text/css" charset="utf-8">
	<![endif]-->
</head>
<body>
	<div id="page">
		<div id="header">
			<a href="index.html" id="logo"><img src="images/logo.png" alt="LOGO"></a>
			<ul id="navigation">
				<li class="selected">
					<a href="index.html" title="Home"></a>
				</li>
				<li>
					<a href="thalidomide.html">Thalidomide</a>
				</li>
				<li>
					<a href="about.html">About</a>
				</li>
				<li>
					<a href="speaker.html">Speaker</a>
				</li>
				<li>
		           <a href="blog.html">blog</a>
		       </li>
				<li>
					<a href="gallery.html">Gallery</a>
				</li>
				<!---
				<li>
					<a href="news.html">News</a>
				</li>
				<li>
					<a href="blog.html">Blog</a>
				</li>
                 --->


				<li class="last-child">
					<a href="contact.html">Contact us</a>
				</li>
			</ul>
		</div>
		<div id="contents">
			<div class="background">
				<div id="news">
				<h2><strong> Privacy Policy</strong></h2>
					<br>
                  <h3><strong style="color: #f0e99a">Effective Date: July 28, 2024</strong></h3>
<p>Welcome to  Charisma Communications. Your privacy is important to us, and this Privacy Policy explains how we collect, use, disclose, and safeguard your information when you visit our blog [yourblogname.com] (the "Site"). Please read this Privacy Policy carefully. If you do not agree with the terms of this Privacy Policy, please do not access the Site.</p>
<p><strong style="color: #f0e99a"> 1. Information We Collect</strong></p>
<p><strong> Personal Information: </strong> When you visit our Site, we may collect personal information that you voluntarily provide, such as your name, email address, and any other information you choose to provide when you subscribe to our newsletter, leave a comment, or contact us. </p>
<p><strong> Non-Personal Information: </strong>  We may also collect non-personal information about your visit, such as your IP address, browser type, operating system, referring URLs, and other usage data. This information helps us understand how you use our Site and improve its functionality. </p>
	<p><strong style="color: #f0e99a"> 2. How We Use Your Information</strong></p>
	<p>We may use the information we collect in the following ways:</p>	
					
	<ul>
  <li>
    <p><strong>•	To Provide and Maintain Our Site:</strong> To ensure the Site is functioning properly and to improve your user experience.</p></li>
  <li>
    <p><strong>•	To Communicate with You:</strong> To respond to your inquiries, provide you with updates, and send newsletters or other information that you have requested.</p>
    </li>
  <li><p><strong> •To Analyze Usage: </strong>To analyze and understand how users interact with our Site to improve content and functionality.</p></li>
	 <li><p><strong>•	To Protect Our Site:</strong> To monitor and prevent fraudulent or illegal activities.</p></li>	
</ul> 				
					
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="connect">
				<!---<a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a> <a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a> <a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank" class="googleplus"></a>
--->
			</div>
			<p>
				Copyright &copy; 2024. Charisma Communications All Rights Reserved.
			</p>
		</div>
	</div>
</body>
</html>
2

This is a CSS issue , also it may be the browser is applying a default style. Perhaps open it in a different one. Good luck

3

i’m playing aroud with css but still can get rid of the gap,

4

There is no ul on the page you linked to, you have p elements, and they all have 30px bottom padding.

#contents p {
  color: #ffffff;
  font-family: Arial;
  letter-spacing: 1px;
  margin: 0;
  padding: 0 0 30px;
  text-align: justify;
  font-size: 20px;
}

You should make it a list, though. That would semantically be more correct.

If you need help with the HTML you posted, you have to post the CSS for it as well.