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

HTML

Posted by Emmanuel Ogedengbe
.a{fill-rule:evenodd;}techdegree
Emmanuel Ogedengbe
Front End Web Development Techdegree Student 114 Points

what did i do wrong, the blockquotes are not showing on the footer, still a newbie. Thanks

<!DOCTYPE html> <html> <head> <title>My Project Article</title> </head>

<body> <div> <header> <h1>My Project!</h1>
<p>This is just a simple project i want to start working on.</p>

    <nav>
     <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Abouts</a></li> 
       <li><a href="#">Articles</a></li>
       <li><a href="contact.html">Contact</a></li>
      </ul>
      </nav>
   </header>

    <article>
     <h2>My Project Article</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce finibus urna lacus, ut lacinia elit pretium a. Praesent rutrum ac ipsum vitae rhoncus. Nam non molestie purus.</p>
      <aside>
       <q>This is a pull quote from my PROJECT arcticle...</q>
      </aside>
  <p>Nunc imperdiet, dui in varius eleifend, magna enim imperdiet felis, at ultricies magna metus vitae ante. Nulla in porttitor nibh. Mauris non libero in massa porta varius non sed magna. Donec ac mauris mattis, viverra turpis ac, dictum arcu.</p>
  <p>Vivamus molestie laoreet viverra. Ut ac fringilla ex. Donec at nisl semper, commodo mi maximus, fermentum nisi. Duis bibendum gravida ante sit amet consectetur. Curabitur ac est id justo euismod porta quis ac arcu.</p>
    </article>
  <aside>
   <h3>More Articles about my Project...</h3>
    <ul>
     <li><a href="http://www.google.com">Lets Go</a></li> 
    </ul>
    <blockquote>
      Virtual reality was once the dream of science fiction. But the internet was also once a dream, and so were computers and smartphones. The future is coming. - <cite><a href="https://www.facebook.com/zuck/posts/10101319050523971">Mark Zuckerberg</a></cite>
    </blockquote>
  </aside>

<footer> <p>©2017 Projects Loading, This is just a demo</p> </footer> </div> </body> </html>

Brady Borkowski
Brady Borkowski
7,495 Points

Because there is no block element enclosing the quotation itself, it's displaying on an entire line.

Closing the quotation itself in a block level element (like a paragraph) will allow the citation to display below it.

Like this!

<blockquote>
      <p>Virtual reality was once the dream of science fiction. But the internet was also once a dream, and so were computers and smartphones. The future is coming.</p> - <cite><a href="https://www.facebook.com/zuck/posts/10101319050523971">Mark Zuckerberg</a></cite>
    </blockquote>

1 Answer

Zack Lee
PLUS
Zack Lee
Courses Plus Student 17,662 Points
Zack Lee
Zack Lee
Courses Plus Student 17,662 Points

Your blockquotes are in the aside not the footer