This is the HTML code for creating the above links.


<ul>
  <li> <a href="http://samforkner.org/basefeuk/interactive2015/pages/4706214/index.html">Back</a> | </li>
  <li> <a target="_blank" href="http://www.w3schools.com/html/html_basic.asp">HTML code</a> | </li>
  <li> <a target="_blank" href="http://www.webmonkey.com/2010/02/html_cheatsheet/">HTML tags</a> | </li>
  <li> <a target="_blank" href="http://www.w3schools.com/css/">CSS tutorial</a> </li>
</ul>



And here is the CSS code.


ul {
      font-family:"MS Serif", "New York", serif;
      font-size:16px;
      list-style:none;
      padding-left:0px;
}

li {
      display:inline;
}

a {
      font-size:18px;
      font-stretch:normal;
      font-family:Georgia, "Times New Roman", Times, serif;
      line-height:150%;
      text-decoration:none;
}

a:link { color:#1fc61f; }

a:visited { color:#1fc61f; }

a:hover { color:#00FF00 }

a:active { color:#686868; }



Don't forget to add this line in your <head> section.


<link rel="stylesheet" type="text/css" href="main.css" />