This is the standard styling for breadcrumbs on internal pages..
<div class="breadcrumbs"> <a class="#" href="#">Home</a><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="195 398.9 610 937.8" enable-background="new 195 398.9 610 937.8" xml:space="preserve"> <g> <polygon points="805,867.8 336,1336.7 195,1315.5 642.6,867.8 195,420.1 336,398.9 "/> </g> </svg> <a class="#" href="#">Authors</a><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="195 398.9 610 937.8" enable-background="new 195 398.9 610 937.8" xml:space="preserve"> <g> <polygon points="805,867.8 336,1336.7 195,1315.5 642.6,867.8 195,420.1 336,398.9 "/> </g> </svg> <a class="#" href="#">S</a> </div> <div class="browse-breadcrumbs"> Topics <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="18.7 365.9 962.6 836.8" enable-background="new 18.7 365.9 962.6 836.8" xml:space="preserve"> <g> <g> <polygon points="935.4,893.2 500,457.9 64.6,893.2 18.7,847.3 500,365.9 981.3,847.3 "/> </g> <g> <polygon points="935.4,1202.7 500,767.4 64.6,1202.7 18.7,1156.8 500,675.5 981.3,1156.8 "/> </g> </g> </svg> <a href="/topics/economics" class="browse-breadcrumbs-item">Economics</a> </div>