title: HTML/CSS Position icon above text
body: <p>Currently i have a lot of back buttons on my page:</p>
  
  <pre><code>&lt;input type="button" id="Back" value="Back" onclick="back();" class="backButton"&gt;
  </code></pre>
  
  <p>I need to add icon to it to look something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/ZBEYU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ZBEYU.png" alt="enter image description here"></a></p>
  
  <ul>
  <li>First how do I add icon above text and aligne them centrally. </li>
  <li>And second is it possible to do it using only CSS. ( if not with only a minor modifications to HTML )</li>
  </ul>
  
  <p>Thx in advance.</p>