Make an <input> look like normal text in a paragraph
<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>