Blueprint Challenge help

Question

Probably (definitely) a simple answer, but I can't figure it out. Here's the part I'm stuck on:

Using CSS, set the sticky class to be absolutely positioned 5px from the right of the document and 5px from the top of the document.

Here's my HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title> My Page</title>
    <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
    <!-- Hint: You can edit style.css from the CSS
    Tab -->
  </head>
  <body>
    <div id="wrapper">
      <div id="content">
        <h1 id="title">Title</h1>
        <span class="sticky">text goes here</span>
      </div>
    </div>

  </body>
</html>

Here's my CSS:

/* Complete the challenge by writing CSS below */

#wrapper {
  line-height: 32px;
}

#content {
  background: #fff;
  margin: 20px;
  padding: 10px;
  border: 2px solid #000;
}

#content h1 {
  float: left;
}

.sticky {
    margin-right: 5px;
  margin-top: 5px;

}

Not quite sure what I'm missing in the "sticky" class, any help would be much appreciated :)

Answer 1 · 2012-12-16T02:04:53Z

December 16, 2012 2:04am

I think you need

.sticky  {
    right: 5px;
    top: 5px;
    position: absolute;
}

Hope it helps, Cheers!

Answer 2 · 2012-12-16T02:12:04Z

December 16, 2012 2:12am

You are right! Thank you for the help, I had forgotten how to do this :)

Answer 3 · 2012-12-16T03:39:42Z

December 16, 2012 3:39am

You're welcome ;)

Answer 4 · 2012-12-17T15:57:12Z

December 17, 2012 3:57pm

Wooh-hoo teamwork! High-fives guys :)

Welcome to the Treehouse Community

Looking to learn something new?

Alisha Trigatti

Alisha Trigatti

Blueprint Challenge help

4 Answers

Alejandro Ñáñez Ortiz

Alejandro Ñáñez Ortiz

Alisha Trigatti

Alisha Trigatti

Alejandro Ñáñez Ortiz

Alejandro Ñáñez Ortiz

ecp

ecp