Page Widget How to - Add Separator between visible elements

Question

We would like to know how to add Separator between visible elements.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
a+a:before {<!--from  www .  j a  v  a  2  s . c  om-->
  content: "";
  border-right: solid 1px black;
}
</style>
</head>
<body>
  <a>1</a>
  <a style="display: none">2</a>
  <a>3</a>
  <a>4</a>
</body>
</html>

The code above is rendered as follows: