HTML Element Style How to - Add right border to anchor list

Question

We would like to know how to add right border to anchor list.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.nav a {<!--   w w w .j  a  va  2 s  . c  o m-->
  display: inline-block;
  position: relative;
  border-right: 2px solid #FFDB58;
  padding-right: 25px;
  padding-left: 25px;
  text-decoration: none;
}

.nav li:last-child a {
  border: 2;
}
</style>
</head>
<body>
  <ul class="nav">
    <li><a href="link1.html">1</a></li>
    <li><a href="linke2.html">2</a></li>
    <li><a href="link3.html">3</a></li>
    <li><a href="link4.html">4</a></li>
    <li><a href="link5.pdf">5</a></li>
    <li><a href="link6.html">6</a></li>
  </ul>
</body>
</html>

The code above is rendered as follows: