Wrap with a div 8/9
Wrap with a div
As before, let's group all three pieces of supporting content with divs, like this:
<div class="learn-more">
<div class="container">
<div>
<h3>Travel</h3>
...
</div>
<div>
<h3>Host</h3>
...
</div>
<div>
<h3>Trust and Safety</h3>
...
</div>
</div>
</div>
Instructions
Wrap all pieces of supporting content with two divs, like in the example above. Give the outer div a
class="learn-more"
and the inner div a class="container"
.<!DOCTYPE html>
<html>
<body>
**<div class="learn-more">**
<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>
<div>
<h3>Host</h3>
<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
<p>
<a href="#">Learn more about hosting</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 more about hosting</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>
<ul>
<li>Sign up</li>
<li>Log in</li>
<li>Help</li>
</ul>
<ul>
</div>
</div>
</body>
</html>
Comments
Post a Comment