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

HTML

Posted by Aaron Gill-Braun
Aaron Gill-Braun
180 Points

I need help with text element on website!

I have a website i'm working on and I need a text element that looks like this: http://postimg.org/image/wriw27jld/ I have the code here : <a style="padding-left: 600px;"><font size="7"><a class="cursive">Elegant</a></font><font size="6">  Websites</font></a> And it works, but the problem is, the padding left constantly keeps it 600px away so on smaller screens, it will be pushed farther and farther left. How do I make it stay relative?

1 Answer

Julian Aramburu
Julian Aramburu
11,368 Points
Julian Aramburu
Julian Aramburu
11,368 Points

Hi Aaron! It would be helpful if you post the code so we can check it out and help :)!

Aaron Gill-Braun
Aaron Gill-Braun
180 Points

oops i made a mistake, here it is: <a.heading><font size="7"><a class="cursive">Elegant</a></font><font size="6">  Websites</font></a.heading>

css: a.heading{ font-family: "GothamRounded"; font-weight: 300; font-style: normal; text-align: center;

} .cursive{ font-family: 'Pinyon Script', cursive; text-align: center; }

This is clunky and doesnt work. How can i make this more effective and work?

Aaron Gill-Braun
Aaron Gill-Braun
180 Points

i cant post the html it formats it

Aaron Gill-Braun
Aaron Gill-Braun
180 Points

here: http://postimg.org/image/stqlxme67/