title: Display span over input with HTML+CSS
body: <p>I want to display a span element over an input element with CSS. How can I do this. My current code:</p>
  
  <pre><code>&lt;input type="url" placeholder="e.g. www.google.com" /&gt;
  &lt;span&gt;http://&lt;/span&gt;
  </code></pre>
  
  <p>How can I display the span element on the input element so that the users know there is no need to enter http:// so it would look like if there's already a value in but then it is the span element on the input? I assume I can do that with CSS positioning.</p>
  
  <p>I cannot use placeholder as I don't want it to be removed.</p>