Hide Html inside of a <td> not the <td> itself

css, html, javascript, jquery

Solution

Instead of

display: none;

You could try

text-indent: -9999px;

Problem

This has to be a crazy basic question, but for the life of me I can't figure it out right now... I have a `<td class="hide">Some text</td>` I want only the TEXT/HTML inside of the `<td>` to be hidden, NOT the entire `<td>` itself. How can this be achieved with CSS?? jsFiddle Example *Note Applying a span inside it, etc isn't necessarily an option.

Original source