Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Basics (2014) Understanding Values and Units Styling the Intro Paragraph

Create a new rule that targets the span element inside. intro. give the span element a bold font weight and italic style

/* Complete the challenge by writing CSS below */ .intro{ font-size:1.25em; line-height:1.6em; }

.intro span{ font-style: italic; font-weight: bold; }

I keep getting bummer make sure your font weight is bold, please help I have tried every thing I can think of!

index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
    <style>
   .intro {
      font-size: 1.25em;
   }
</style>
  </head>
  <body> 
    <header id="top" class="main-header">
      <span class="title">Journey Through the Sierra Nevada Mountains</span>
      <h1>Lake Tahoe, California</h1>
    </header>
    <div class="primary-content t-border">
    <p class="intro" style="font-size:1.25em;"></p>
        Lake Tahoe is one of the most <span>breathtaking attractions</span> located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
      </p>
      <a href="#more">Find out more</a>
    </div>
    <footer class="main-footer">
      <p>All rights reserved to the state of <a href="#">California</a>.</p>
      <a href="#top">Back to top &raquo;</a>
    </footer>
  </body>
</html>
style.css
/* Complete the challenge by writing CSS below */
.intro{
  font-size:1.25em;
  line-height:1.6em;
}

.intro span{
  font-style: italic;
  font-weight: bold;
}

6 Answers

Bummer! Make sure you're setting a bold font weight.(same outcome) Even after I tried putting the font-weight first, ugh, thanks for your help I really do appreciate it :) This is my first time working with web design every and am having a difficult time :(

Todd Anderson
Todd Anderson
4,260 Points

.intro{ font-size: 1.25em; line-height: 1.6; } .intro span{ font-weight: bold; font-style: italic; }

copy and paste this and see if it works. Also, I see you have stuff between your style tags in your html. Try removing that. Also notice that my line-height is only set to 1.6 and not 1.6em. Just things I've noticed. I hope you get it!

Hey Todd, Thanks again for your help, I took out the stuff in between my style tags and tried the code you said to copy and paste, still no go, I am not sure what to do, I have looked at all the other forum posts and tried copying what other people have tried, nothing seems to want to work :( I tried to contact support too to see if maybe there was some odd bug, they just told me to try the community forums :P I don't know why its still caught up just on the bold part, I keep spell checking it too, thought maybe I was flipping things around... nope!

.intro { font-size: 1.25em; line-height: 1.6em; }

.intro span { font-weight: bold; font-style: italic; }

Todd Anderson
Todd Anderson
4,260 Points

<!DOCTYPE html> <html> <head> <title>Lake Tahoe</title> <link rel="stylesheet" href="page.css"> <link rel="stylesheet" href="style.css"> </head> <body> <header id="top" class="main-header"> <span class="title">Journey Through the Sierra Nevada Mountains</span> <h1>Lake Tahoe, California</h1> </header> <div class="primary-content t-border"> <p class="intro"> Lake Tahoe is one of the most <span>breathtaking attractions</span> located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation. </p> <a href="#more">Find out more</a> </div> <footer class="main-footer"> <p>All rights reserved to the state of <a href="#">California</a>.</p> <a href="#top">Back to top »</a> </footer> </body> </html>

Make sure you haven't made any alterations to your html file other than the first task of <p class="intro">

Maybe try to restart the challenge?

Thanks Todd, That worked! Thanks soooooo much!!!! hugs hugs hug!!!!!

thanks Todd Anderson !!! that worked for me too!

Todd Anderson
Todd Anderson
4,260 Points

Try putting the font-weight first. I just did the challenge to double check.