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 More Text Properties: Part 2

text-overflow is a property??

Whenever I type in text-overflow as a property it doesn't hi-light... so I know its not working. I put in just 'overflow' for a property, this hi-lights it but will not change anything on the page. maybe I have my elements wrong? i'm trying to select the class link in the paragraph, so shouldn't it be: p.link {text-overflow:ellipsis;}

uggg!! I don't understand why its not working!!!

4 Answers

James Barnett
James Barnett
39,199 Points

Probably some syntax highlighting libraries haven't updated to the latest CSS3 spec. Interestingly enough text-overflow is on the list of Features at risk


Are you using Sublime text? If so, are other attributes highlighting? If not then make sure you saved the CSS file as .css and not .txt or whatever

Jose Morales-Mendizabal
Jose Morales-Mendizabal
19,175 Points

try setting "overflow:hidden;" before your text-overflow rule.

Julie (Howard) Lewis
.a{fill-rule:evenodd;}techdegree seal-36
Julie (Howard) Lewis
Front End Web Development Techdegree Graduate 25,921 Points

You've got the text-overflow right! For some reason some text editors aren't color-responsive to "text-overflow". But don't be alarmed... it should work!

Double check your selector though... remember that when you have a class named in your HTML, you don't need to specify the HTML element (in the example, the p) in the CSS, you only need to name the class (in this case, the "link" class).

Jose has an excellent point for when you get to writing your own code... generally with the text-overflow property, you want to set a width for the container you're working in and set the overflow to "hidden" so it stays inside the box you want, then add the text-overflow setting to provide the ellipsis. However, for the purposes of this code challenge, the overflow and width values are already set for you, you just need to provide the ellipsis.