title: CSS How to hide text after a span
body: <p>The following is some code from a template I am developing for Joomla.  The code below is the output generated.</p>
  
  <p>Is it possible to hide text within an a tag after a closing span using css?  For example how do I get the words Print, Email and Edit to be hidden?</p>
  
  <pre><code>&lt;ul class="icons"&gt;
    &lt;li class="print-icon"&gt;
      &lt;a href="#" onclick="window.print();return false;"&gt;&lt;span class="icon-print"&gt;&lt;/span&gt;Print&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="email-icon"&gt;
      &lt;a href="#email"&gt;&lt;span class="icon-envelope"&gt;&lt;/span&gt;Email&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="edit-icon"&gt;
      &lt;a href="#edit"&gt;&lt;span class="icon-edit"&gt;&lt;/span&gt;Edit&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Thanks for your help</p>