title: Whats the best way to vertically align SVG with buttons?
body: <p>How would I vertically align these SVG images to vertically match the buttons I'm making?</p>
  
  <pre><code>&lt;button style=
  "width:100px;height:100px;border-radius:50%;background-color:white;border-color:#0F75BC;"&gt;
  Step 1&lt;br&gt;
  .&lt;/button&gt; &lt;svg height="50" viewbox="0 0 512 512" width="50" xmlns=
  "http://www.w3.org/2000/svg"&gt;
  &lt;path d=
  "M 64.00,416.00l 96.00,96.00l 256.00-256.00L 160.00,0.00L 64.00,96.00l 160.00,160.00L 64.00,416.00z"&gt;
  &lt;/path&gt;&lt;/svg&gt; &lt;button style=
  "width:100px;height:100px;border-radius:50%;background-color:white;border-color:#0F75BC;"&gt;
  Step Two&lt;br&gt;
  .&lt;/button&gt; &lt;svg height="50" viewbox="0 0 512 512" width="50" xmlns=
  "http://www.w3.org/2000/svg"&gt;
  &lt;path d=
  "M 64.00,416.00l 96.00,96.00l 256.00-256.00L 160.00,0.00L 64.00,96.00l 160.00,160.00L 64.00,416.00z"&gt;
  &lt;/path&gt;&lt;/svg&gt; &lt;button style=
  "width:100px;height:100px;border-radius:50%;background-color:white;border-color:#0F75BC;"&gt;
  Step 3&lt;br&gt;
  .&lt;/button&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/t5ndkLv0/" rel="noreferrer">jsfiddle</a></p>