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

Posted by Daniel Muvdi
Daniel Muvdi
5,262 Points

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?

Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

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

=)

Jakub Łabuz
Jakub Łabuz
1,444 Points

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

dpjvanvalderen
dpjvanvalderen
6,081 Points

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

<br/>
Daniel Muvdi
Daniel Muvdi
5,262 Points

thanks! i need a break haha.

dpjvanvalderen
dpjvanvalderen
6,081 Points

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

Daniel Muvdi
Daniel Muvdi
5,262 Points
Daniel Muvdi
Daniel Muvdi
5,262 Points

http://codepen.io/anon/pen/tjexk

dpjvanvalderen
dpjvanvalderen
6,081 Points
dpjvanvalderen
dpjvanvalderen
6,081 Points

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.

Damon Johnson
PLUS
Damon Johnson
Courses Plus Student 2,775 Points
Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

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;
}

=)