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

Andrew Goddard
Andrew Goddard
40,806 Points

More Text Properties - Part 2, second code challenge

Question: The link's container is set to hide its overflow and it's not allowing the text to wrap, so the link appears to be cut off. Select the paragraph with the class 'link' and set its text overflow to display an ellipsis.

I must be doing something wrong, but I can't work out what. I don't understand why the below isn't correct?

p #link { text-overflow: ellipsis; }

5 Answers

Chase Lee
Chase Lee
29,275 Points

I used:

.link{text-overflow: ellipsis}

(and just a little thing, you guys miss spelled ellipsis...They ask for "i" instead of "e")

Seyed Tabatabaei
Seyed Tabatabaei
3,268 Points

Would you be able to assist me? I am completely stumped on this one. This is what I currently have:

p.link { text-overflow: ellipses; }

Andrew Goddard
Andrew Goddard
40,806 Points

It worked for me without selecting the link class, so

p {text-overflow: ellipse; }

Charmaine Wallace
Charmaine Wallace
22,276 Points

Holy cow: Chase James you are my hero. Spent ages banging my head before coming to the forum (I hate admitting defeat, hate it ...). And there it is: i instead of e. AAAAAAAaaaaaarrrrgggggghhhh!!!!! Attention to detail!!!!! Thank you so much!

Andrew Goddard
Andrew Goddard
40,806 Points

I've just worked it out.

Apparently you can't apply the ellipsis style to an inline element? I don't remember seeing that in the video...

So mention of the "link" class in the question was a red herring - I was only supposed to target the paragraph.