CSS content of input value before the input in a td element <p>I have to print a pretty hefty page / form / table combination and when I print I have multiple text input elements that I can't seem to reduce the width to use only the width needed to display the text without excess width. That excess width effects the <em>ten required columns</em> I have to print.</p> <p>So I've attempted to use CSS Content to move the text from the text input elements in to the parent table data elements. Here is example HTML and CSS:</p> <pre><code>&lt;td&gt;&lt;input type="text" value="Deadly Ninja Robots" /&gt;&lt;/td&gt; </code></pre> <p>The CSS I have tried:</p> <pre><code>form fieldset input[type='text'] {display: none;} form fieldset input[type='text']:before {content: form fieldset input[type='text'](value) ": ";} </code></pre> <p>How do I take the value of text input elements and display them inside the table data element that is the direct parent of the text input element itself?</p>