title: How to get ::after to work on an anchor element
body: <p>I'm trying to get a right triangle to show up on a button on a WordPress menu. The problem is the after pseudo-element doesn't show up! Here is the page and the buttons are the last two in the orange menu:</p>
  
  <p><a href="http://s1.mrfoxcomposting.com/" rel="nofollow noreferrer">http://s1.mrfoxcomposting.com/</a></p>
  
  <pre><code>#masthead .menu-primary-inner li.menu-item-button.menu-item a:after {
      transition: 200ms;
      content: "\f0da";
      font-family: 'uncodeicon' !important;
      font-size: 12px;
      margin-left: 10px;
      position:absolute;
      top: 42%;
      right: 31px;
      width: auto;
      color: white;
  }
  </code></pre>
  
  <p>I have read the specs for ::after, with the content set it should show up but it doesn't, can anyone see why the :after pseudo-element does not show up in Google Chrome in this case? I am very thankful for any assistance provided!! It seems like I am applying the styles correctly, but I must be missing something.</p>