title: Can I put a font-awesome icon inside a triangular div?
body: <p><a href="https://i.stack.imgur.com/N67Ce.png" rel="nofollow noreferrer">enter image description here</a>I drew a triangular div using borders, can't I flow the icon so it would be inside the div?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div#sub-footer div {
    border-color: transparent transparent #2BD5B4 transparent;
    border-style: solid;
    border-width: 0px 30px 30px 30px;
    margin-bottom: -0.5px;
    display: inline-block;
    text-align: center;
  }
  
  div#sub-footer div a {
    float: left;
  }
  
  div#line {
    width:100%;
    border-bottom: 1px solid #394C5F;
    margin-bottom: 15px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/&gt;
  &lt;div&gt;
    &lt;a href="#"&gt;&lt;i class="fa fa-arrow-up"&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>