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 Basics (2014) Understanding Values and Units Styling the Intro Paragraph

Posted by Alonzo Delk
Alonzo Delk
6,991 Points

I'm confused as to how I'm supposed to set a text inside of a span if it's underlined?

index.html 
<!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 &raquo;</a>
    </footer>
  </body>
</html>
style.css 
/* Complete the challenge by writing CSS below */
body {
  font-size: 16px;
}
.intro {
  font-size: 1.25em;
  line-height: 1.6em;
  }
.intro span {
  font-weight: bold;
  font-style: italic;
}
span {
  text-decoration: underline; 
}

3 Answers

Peter Vann
Peter Vann
36,427 Points
Peter Vann
Peter Vann
36,427 Points

Hi Alonzo!

This passes all the tasks:

/* Complete the challenge by writing CSS below */
.intro {
  font-size: 1.25em;
  line-height: 1.6em;
}
.intro span {
  font-weight: bold;
  font-style: italic;
}
a:link { /*** A unvisited links ***/
  text-decoration: none;
}

I hope that helps.

Stay safe and happy coding!

Alonzo Delk
Alonzo Delk
6,991 Points
Alonzo Delk
Alonzo Delk
6,991 Points

Hey appreciate the help and I'm just gone need to practice some more but its hard remembering everything. Happy coding!

Peter Vann
Peter Vann
36,427 Points
Peter Vann
Peter Vann
36,427 Points

Hi Alonzo!

No worries! I can't remember A LOT of this stuff.

Don't be afraid to keep LOTS of 3rd-party resources handy.

I usually have, like, 50 tabs open on my browser, with sites like these, handy:

https://www.w3schools.com/

https://css-tricks.com/

https://developer.mozilla.org/en-US/

https://www.youtube.com/user/derekbanas (This is guy is great - he talks fast, so you don't end-up waking-up in a puddle of your own drool!?! LOL)

Plus, I Google about coding stuff all the time. I go back and forth between PHP, JS, HTML, CSS, and Python and I can't keep all the syntax differences straight, most of the time.

PS: I don't if it's your thing, but I'm telling everyone about it. If you haven't seen Resident Alien on the Sci-Fi channel it's hilarious! (SOOOOOOO funny!)*. You can watch it On Demand or on the website (as well as on the Sci-Fi channel). They've run 6 episodes so far - each one better than the last (the last one added Linda Hamilton to the cast - Sarah Conner from The Terminator)!?!

*(SOOOOOOOOOOOOOOOOOOOOOOOOOOOOo funny!!!)

Again, I hope that helps.

Stay safe and happy coding!

-Pete