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 Foundations Text, Fonts, and Lists Text Properties

Posted by MUZ140259 Juliana Kofi
MUZ140259 Juliana Kofi
9,532 Points

properties

Use a unitless line height that is 1.5 times the paragraph's font size..what is rong here

index.html 
<!DOCTYPE html>
<html>
<head>
    <title>Text Properties</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css" />
</head>
<body>
    <h1>The quick brown fox jumps over the lazy dog</h1>
    <p>
        Pellentesque sem augue, auctor quis dictum et, interdum nec felis. Suspendisse faucibus viverra enim, vitae facilisis mi euismod id. Morbi ac erat mauris, a semper ligula. Etiam semper. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        <a href="#">Aliquam vel metus sit amet nulla et dolor</a>
    </p>
</body>
</html>
style.css 
/* Complete the challenge by writing CSS below */
h1{
  text-transform:capitalize;
}
p{
  text-indent:50px;
  line-height:4.5em;
}

1 Answer

Emma Willmann
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer
Emma Willmann
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer

The task is asking for a unitless number, but you are using length that has the unit 'em'. All you actually need to do is put the 1.5 for the property. This will then multiply whatever the font-size is by that 1.5 to get the line-height. So, your code should look like this: 

p{
  text-indent: 50px;
  line-height: 1.5;
}