title: how to add text to loading icon css
body: <p>I have css which displays loading icon on page like below</p>
  
  <pre><code>#loading {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          background-image: 'icon.gif';
          background-position: center;
          background-repeat: no-repeat;
          z-index: 1000;
      }
  </code></pre>
  
  <p>How can I add text above loading icon e.g. "loading text"
  I tried </p>
  
  <pre><code>#loading:after{
  content: "loading text";
  }
  </code></pre>
  
  <p>But it displays text on left top of page.</p>