Wrap with a div 5/9
Wrap with a div
Nicely done! As before, let's group this large feature with two divs to stay organized, like this:
<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>
</div>
</div>
The outer
<div class="jumbotron">..</div>groups the elements into the large feature section of the web page. The inner <divclass="container">..</div> element wraps the contents in a container. We'll use both classes in the next section to style the large feature.
Instructions
Wrap the h1 and p elements with two divs, like in the example above. Give the outer diva
class="jumbotron" and the inner div aclass="container".<!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>Item 1</li>
<li>Item 2</li>
</ul>
<ul>
<li>Sign up</li>
<li>Log in</li>
<li>Help</li>
</ul>
<ul>
</div>
</div>
</body>
</html>
Comments
Post a Comment