The very first test

Is the very first test a test of our patience because I am positive that I got it right but it keeps saying that I put the paragraph elements outside of the main element. I hope the rest of this school is not as illogical as this first test.

Hi @rogerbird2 !

Welcome to the forum!

Can you share with us your code and challenge link so we can see the issue you are facing and assist you?


Dear Wilkie, here is the page that contains my ignorance about getting the navigator bar to show the active button:

Holistic Healing Simplified
<style type="text/css">

	body  { font-family: Arial, Helvetica, sans-serif;  }
	ul {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  overflow: hidden;
	  background-color: #339;
	  float: left;
	  margin-left: 400px;   
	  width auto;
	  font-size: 1.5vw;  

	li {
	  float: left;
	li a {
	  display: block;
	  color: white;
	  text-align: center;
	  padding: 10px 54px;
	  text-decoration: none;

	/* Change the link color to #111 (black) on hover */
	li a:hover {
	  background-color: #111;
	.active {
	  background-color: #04AA6D;

	img {
       margin-bottom:5px     }

<table style="border-color: blue; vertical-align: top;">
		<td style="width: 33vw; text-align: center; vertical-align: middle;">
				<img src="Sun1.jpeg" 	height="328px"  width="490px"    alt="Sun">    </img>                                   <!-- Sun  -->                                     											               
     <td style="width: 34vw; text-align: center; vertical-align: top;">
      		<b style="font-size: 4vw;  color:#00f;">Holistic Health Simplified
      		<b style="font-size: 2vw;  color:blue;">A Philosophy for Holistic Healing</b>
      		<b style="font-size: 1.4vw;  color:black;">Practical tools to help you progress <em>insightfully!</em></b>
     <td style="width: 33vw; text-align: center; vertical-align: middle;"> 
     		<img src="Moon.jpg" 	height="328px"  width="490px";  	alt="Moon">         </img>                               <!-- Moon  -->

		  <li><a  href="Principles.html" target="myIframe">Principles</a> </li>
		  <li><a  href="Problems.html"   target="myIframe">Problems</a>   </li> 
		  <li><a  href="Practices.html"  target="myIframe">Practices</a> </li>  
		  <li><a  href="Sources.html"    target="myIframe">Sources</a>   </li>
		  <li><a  href="Notes.html"      target="myIframe">Notes</a>     </li>
		  <li><a  href="Forum.html"      target="myIframe">Forum</a>     </li>
	<iframe style="width:100%;" height="1000" src="Principles.html" title="myIframe" name="myIframe"> </iframe>	 



It would be better if you threw this into a codepen or something similar so people can see the issue better. Also, You have a lot of inline css. I move everything over to just one stylesheet. When everything is all in one place it will make it easier to debug.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.