title: Put text under image
body: <p><img src="https://i.stack.imgur.com/pous1.gif" alt="current state"></p>
  
  <p><img src="https://i.stack.imgur.com/K087x.gif" alt="what I need"></p>
  
  <p>How to put the text right under icons ? I need the hyperlink to be the same like for the icon. When I enter text it's always shown on the right of the icon. When I put <br> or <p> it's also affecting other icons.</p>
  
  <p>The HTML code:</p>
  
  <pre><code>  &lt;div style="margin-top:-35px"&gt;
  
  &lt;a href="panel.php?module=ustawienia"&gt;&lt;img alt="" src="gfx/ustawienia.png" class="noborder"/&gt;&lt;/a&gt;&lt;span class="imgmove"&gt;&lt;/span&gt;
  
  &lt;a href="panel.php?module=zablokowane"&gt;&lt;img alt="" src="gfx/zablokowane_strony.png" class="noborder"/&gt;&lt;/a&gt;&lt;span class="imgmove"&gt;&lt;/span&gt;
  
  &lt;a href="panel.php?module=tagi"&gt;&lt;img alt="" src="gfx/tagi.png" class="noborder"/&gt;&lt;/a&gt;&lt;span class="imgmove"&gt;&lt;/span&gt;
  
  &lt;a href="panel.php?module=users"&gt;&lt;img alt="" src="gfx/uzytkownicy.png" class="noborder"/&gt;&lt;/a&gt;&lt;span class="imgmove"&gt;&lt;/span&gt;
  
  &lt;a href="panel.php?module=RSSadmin"&gt;&lt;img alt="" src="gfx/zarzadzanie_newsami.png" class="noborder"/&gt;&lt;/a&gt;&lt;span class="imgmove"&gt;&lt;/span&gt;
  
  &lt;a href="panel.php?module=narzedzia"&gt;&lt;img alt="" src="gfx/narzedzia_wyszukiwarek.png" class="noborder"/&gt;&lt;/a&gt;&lt;span class="imgmove"&gt;&lt;/span&gt;&lt;p&gt;
  
  &lt;a href="panel.php?module=swl"&gt;&lt;img alt="" src="gfx/swl.png" class="noborder"/&gt;&lt;/a&gt;
  
  &lt;/div&gt;
  
  CSS code:
  
      .noborder{
      border:0;
      display: inline;
      text-align:center; 
  }
  
  .imgmove
  {
      margin-left:40px;
  }
  </code></pre>