Something I always mix is the styling of a ul list:

HTML Code:
<div id="contactlist">
<ul>
<li class="tel">text</li>
<li class="tel-int"><a href="">text</a></li>
<li class="facebook"></li>
</ul>
</div>
That was the most simple part

Now the css:

Code:
#contactlist {
                  width:348px;
                  padding:0;
                  margin:0;
                  }

#contactlist ul {here styling}  

#contactlist li.tel {here styling}

What with li a ?
Is the above css in the right way?

What when I want to make the link as well?

Thanks for the help