8.wrap with a div. please help me solve this!


#1
<!DOCTYPE html>
<html>
  <body>
  <div class="jumbotron">
  <div class="container">
  	<h1>"Find a place to stay"</h1>
	  <p> "Rent from people in over 34,000 cities and 192 countries."</p>
	<ul>
	  <li>Rida</li> 
	  <li>Browse</li>
	  </ul>
	  <ul>
	  <li>Sign up</li>
	  <li>Log in</li>
	  <li>Help</li>
	  
	</ul>
	</div>
	</div>
	
	<div>
	<h3>Travel</h3>
	<p> "From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries." <br>
	
	<a href="#">See how to travel on Airbnd</a>
	</p>
	</div>
	<div>
	<h3>Host</h3>
	<p>"Renting out your unused space could pay your bills or fund your next vacation."</p>
	<p>
	<a href="#">"Learn about trust at Airbnb"</a>
	</p>
	</div>
	<div>
	<h3>"Trust and Safety"</h3>
	<p> "From Verified ID to our worldwide customer support team, we've got your back."</p>
	<p>
	<a href="#">"Learn about trust at Airbnb"</a>
	</p>
	</div>
	<div class="learn-more">
	<div class="container">
	<div>
	<h3>Travel</h3>
	
	</div>
	
	<div>
	<h3>Host</h3>
	
	</div>
	
	</div>
	<h3>Trust and Saftey</h3>
	
	</div>
  </div>
  </div>

(Oops, try again. Place the supporting content in the <div class="container">..</div>.)
having trouble please help


#2



Travel

Remove <div> before <h3> and also its closing </div> from bottom.


#3





<h1>"Find a place to stay"</h1>
  <p> "Rent from people in over 34,000 cities and 192 countries."</p>
<ul>
  <li>Rida</li> 
  <li>Browse</li>
  </ul>
  <ul>
  <li>Sign up</li>
  <li>Log in</li>
  <li>Help</li>

</ul>
</div>
</div>
<div>
<h3>Travel</h3>
<p> "From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries." <br>

<a href="#">See how to travel on Airbnd</a>
</p>
</div>
<div>
<h3>Host</h3>
<p>"Renting out your unused space could pay your bills or fund your next vacation."</p>
<p>
<a href="#">"Learn about trust at Airbnb"</a>
</p>
</div>
<div>
<h3>"Trust and Safety"</h3>
<p> "From Verified ID to our worldwide customer support team, we've got your back."</p>
<p>
<a href="#">"Learn about trust at Airbnb"</a>
</p>
</div>
<div class="learn-more">


Travel



Host




Trust and Safety





now what to do after this?


#5

Test2.txt (1.2 KB)

I have made your code error free.. Now copy and paste.
hope it will help you.


#6

Have worked with HTML for more than a decade and I'm trying to help a bunch of kids through this course -- and I can't. I have a sneaking feeling this task is broken.


#7

It isn't broken, but it is limited in the error messages that it presents when it finds a problem. I would be happy to look at anyone's code for this.

I will need to see the entire HTML file. To present it as text instead of rendered HTML code:
- Copy/paste it here, or start a new thread,
- select ALL
- click the </> button on the toolbar


#8
<!DOCTYPE html>
<html>
<body>
 <div class="jumbotron">
 <div class="container">
 <h1>"Find a place to stay"</h1>
 <p> "Rent from people in over 34,000 cities and 192 countries."</p>
 <ul>
 <li>Rida</li> 
 <li>Browse</li>
 </ul>
 <ul>
 <li>Sign up</li>
 <li>Log in</li>
 <li>Help</li>
	  </ul>
	</div>
	</div>
	<div>
	<h3>Travel</h3>
	<p> "From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries." <br>	
	<a href="#">See how to travel on Airbnd</a>
	</p>
	</div>
	<div>
	<h3>Host</h3>
	<p>"Renting out your unused space could pay your bills or fund your next vacation."</p>
	<p>
	<a href="#">"Learn about trust at Airbnb"</a>
	</p>
	</div>
	<div>
	<h3>"Trust and Safety"</h3>
	<p> "From Verified ID to our worldwide customer support team, we've got your back."</p>
	<p>
	<a href="#">"Learn about trust at Airbnb"</a>
	</p>
	</div>
	</div>
	<div class="Learn-more">
	<dic class="container">
	<h3>Travel</h3>
	<p>Tour the most wounderful places in the world</p>
	<a href="#">visit for more</a>
	</div>
	</div>
	
    </body>
    </html>

#9

Keeping your matching open/close tags at the same indent level will help you see what you are building.

Here is the overall plan that you are aiming for:

<!DOCTYPE html>
<html>
  <body>

    <div class="nav">
      <div class="container">
      ... your nav code goes in here
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
      ... your jumbotron code goes in here
      </div>
    </div>
    
    <div class="learn-more">
      <div class="container">
        ... your learn-more code goes in here
      </div>
    </div>

  </body>
</html>

#10

thanks bu what to place inside the div tag
heading paragraph or element???


#11

If you are asking about the learn-more div then you should put all of your Travel, Host and Trust code.


#12

using heading and paragraphs and href elements right? :grin:


#13

Yes, that's right. ALL of the code that you wrote in exercises 6 and 7.


#14

Thanks alot :grinning:


#16

A post was split to a new topic: 8. Wrap with a div