Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Basics Getting Started with CSS Layout Layout Wrapper Challenge

Posted by Ben Mohammad
Ben Mohammad
5,659 Points

How can you add a div tag inside the header when there is already div tags there?

added and clased the div tags inside the bosy but it seemlike i ve gone wrong.

any help?

index.html 
<!DOCTYPE html>
<html>
<head>
    <title>Getting Started with CSS Layout</title>
    <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
</head>
    <body>
    <div class="container">
        <header>
            <h1>Best City Guide</h1>
        </header>

        <div class="main">
            <h2>Welcome!</h2>
            <p>Dessert toffee chocolate lollipop fruitcake cake sweet. Pudding cotton candy chocolate pudding liquorice jelly marzipan. Muffin gummies topping lollipop. Caramels chocolate cake donut liquorice.</p>
            <p>Cake sesame snaps sweet tart candy canes tiramisu I love oat cake chocolate bar. Jelly beans pastry brownie sugar plum pastry bear claw tiramisu tootsie roll.</p>
        </div>
    </div>
        <footer>
            <p>&copy;2015 Residents of The Best City.</p>
        </footer>
    </body>
</html>
style.css 
/* Complete the challenge by writing CSS below */

2 Answers

Joey Bruijns
.a{fill-rule:evenodd;}techdegree seal-36
Joey Bruijns
Full Stack JavaScript Techdegree Graduate 47,878 Points

Hi Ben,

I think you need to let the “container” div end below the footer because you need to wrap the whole body inside the div for this challenge. In your code it ends below the div with the class “main”.

<body>
    <div class="container">
        <header>
            <h1>Best City Guide</h1>
        </header>

    <div class="main">
        <h2>Welcome!</h2>
        <p>Dessert toffee chocolate lollipop fruitcake cake sweet. Pudding cotton candy chocolate pudding liquorice jelly marzipan. Muffin gummies topping lollipop. Caramels chocolate cake donut liquorice.</p>
        <p>Cake sesame snaps sweet tart candy canes tiramisu I love oat cake chocolate bar. Jelly beans pastry brownie sugar plum pastry bear claw tiramisu tootsie roll.</p>
    </div>

        <footer>
        <p>&copy;2015 Residents of The Best City.</p>
        </footer>
    </div>  
</body>
John Coolidge
John Coolidge
12,614 Points
John Coolidge
John Coolidge
12,614 Points

Hello Ben,

It seems you have left out the footer by accident. Anything in the body tag needs to be wrapped in the div and that includes the footer (which doesn't seem like it's part of the body, but since it's inside the body tag, technically it is a part of the body).

As to your question in the heading of the post, div tags can be added all over the place, and you can have multiple div tags inside another element. You can even have div tags inside of div tags! If you're not careful, it can get pretty hairy with too many of them in your markup.

I hope that helps.

John