title: Make an <input> look like normal text in a paragraph
body: <p>Take the code here:</p>
  
  <pre><code>&lt;p&gt;Lorem ipsum &lt;input type="text" value="algo" /&gt; dolor sit ...&lt;/p&gt;
  </code></pre>
  
  <p>Sample: <a href="http://codepen.io/dbugger/pen/KrAmPx" rel="noreferrer">http://codepen.io/dbugger/pen/KrAmPx</a></p>
  
  <p>How can I make the input look like totally normal text, inside the paragraph? I set it to <code>display: inline</code> but the width seems still fixed.</p>