title: Caret before link
body: <p>Is possible to place a caret before a html link without using a list ?
  I do have a working code for lists but of course it doesn't work for single links:</p>
  
  <pre><code>.list-caret {
    margin: 0.75em 0;
    margin-left: 30px;
    list-style: none;
    padding: 0;
  }
  
  .list-caret li:before {
    content: "";
    border-color: transparent #ec6608;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -0.8em;
    top: 1.1em;
    color: #ec6608;
    position: relative;
  }
  </code></pre>