CSS sets the small vertical line in the middle of the text

The main CSS property is Border-right

border-right:1px solid Gray;

padding-right:10px;

padding-left:10px;

<div data-bind= "Foreach:requestlistall" >   <a class= "Positionname" style= "Display:block;color:gray"; Float:left; font-family: Microsoft ya black; font-size:14px;border-right:1px solid gray;padding-right:10px;padding-left:10px; "data-bind=" Text:PositionName, Click: $root. Viewdetail "></a>                              </div>

With this style general text and Slash will be a pile of one appear, resulting in back also appear a vertical line, look ugly, with jquery to the last strip also removed

$ (function  () {        $ (". Positionname "). Last (). CSS (" Border-right "," none ");;            })

CSS sets the small vertical line in the middle of the text