title: Create a equilateral triangle using SVG in HTML with base and height 100px
body: <p>I'm trying to create an SVG with base and height 100px. But not sure if it is correct. I'm not getting the exact output as I need. Below is the code sample</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-html lang-html prettyprint-override"><code>&lt;svg id="triangle" viewBox="0 0 100 100"&gt;
           &lt;polygon points="50 15, 100 100, 0 100"/&gt;
        &lt;/svg&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Please correct me where I'm doing wrong. I really appreciate your help.</p>
  
  <p>Thank you!     </p>