title: how to create Hollow triangle in css
body: <p>I want create hollow triangle with <code>CSS</code> but I don't how to hollow that. I can create triangle with <code>CSS</code> but I have one problem and this is: I can't hollow this triangle.</p>
  
  <p>This is my code:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="tringle"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#tringle {
    position: absolute;
    height: 0;
    width: 0;
    top: 50%;
    left: 7px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid white;
  }
  </code></pre>