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 How to Make a Website Adding Pages to a Website Add Iconography

All is working perfect except for 1 detail, my contact details are in the same line.

they have to be like this

555-6425

Dani@example.com

@danielmuvdi

But in my web they are like this

555-6425 Dani@example.com @danielmuvdi

i check all my code and i can't find any error. what can be?

Hey Daniel,

Can you post your code so we can take a look and help out?

If you surround your code with back slash symbols, we can see it in its correct format. Basically, add ``` above your code and below it.

Here's more info on posting code to the forums

https://teamtreehouse.com/forum/posting-code-to-the-forum

=)

It's hard to say without your code. Could you post your code ? I've completed "How to make a website" segment a few hours ago, so maybe I'll be able to help you.

4 Answers

You have used il instead of li. Also when you want to break lines you can use

<br/>

thanks! i need a break haha.

Haha no problem man, take a break when you need one. Going outside for fresh air is something that gets my mind straight to get back into learning code. GL

To make it easy for you:

<ul class="contact-info">
             <il class="phone"><a href="tel:555-6425">555-6425</a></il>
             <il class="mail"><a href="mailto:dani@example.com">Dani@example.com</a></il>
             <il class="twitter"><a href="https://twitter.com/intent/tweet?text=danielmuvdi">@danielmuvdi</a></il>
            </ul> 

must be:

 <ul class="contact-info">
             <li class="phone"><a href="tel:555-6425">555-6425</a></li>
             <li class="mail"><a href="mailto:dani@example.com">Dani@example.com</a></li>
             <li class="twitter"><a href="https://twitter.com/intent/tweet?text=danielmuvdi">@danielmuvdi</a></li>
            </ul> 

Good luck with it.

Edit: Edited alot, i'm new to posting code to the forum haha.

Hey mate,

If you add this to your .css file, it should work:

.contact-info a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin: 0 0 10px;
}

=)