ul#id {
  margin : <your-margin>;
  padding : <your-padding>;
  list-style-type : none;
  white-space : nowrap;
  }
ul#id li {
  float : <this is the align// left or right are recommend>;
  font-family : <your-font-family>;
  font-size : <your-size>;
  margin : <your-margin>;
  padding : <your-padding>;
  background : #<hexadecimal color>;
  }
#id a, #id a:link {
  margin : <your-margin>;
  padding : <your-padding>;
  color : #<hexadecimal color>;
  text-decoration : <none, underline, or overline>;
  }
#id a:hover {
  color : #<hexadecimal color>;
  background : #<hexadecimal color>;
  }

<div id="id">
<ul id="id">
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
</ul>
</div>