title: CSS input text decoration
body: <p>I am trying to achieve something like the website here: <a href="http://bit.ly/1f55jUR" rel="nofollow">http://bit.ly/1f55jUR</a> (where it says Space Min.) but I fail miserably lol..</p>
  
  <p>Here is what I have done until now:</p>
  
  <pre><code>&lt;input type="text" class="textbox" id="box" /&gt;&lt;span class="textbox2"&gt;TB&lt;/span&gt;
  
  .textbox {
     border: 1px solid #cccccc; 
     outline:0; 
     height:22px; 
     width: 30px; 
  }
  .textbox2 {
     border: 1px solid #cccccc;
     font-size: 16px;
     background-color: #f0f0f0;
     padding: 3px 6px 3px 6px;
  }
  </code></pre>
  
  <p>Live example:
  <a href="http://jsfiddle.net/55Nb3/" rel="nofollow">http://jsfiddle.net/55Nb3/</a></p>
  
  <p>Any help would be highly appreciated.</p>
  
  <p>Thank you!</p>