html table set value,Set a default text value for HTML table via CSS

I'm creating a document with HTML that will hold results from a lengthy survey. All questions on the survey are not required, and more often than not, no response is recorded for numerous fields.

Here is an example of my HTML code;

Section 1 - Introduction

First Name
${R.Contact First Name}

Last Name
$(R.Contact Last Name}

And my supporting CSS:

table#t1 th

{

background-color: #EFF1F4;

text-align: left;

border: 1px solid #EFF1F4;

}

table#t1 td

{

background-color: white;

text-align: left;

border: 2px solid #EFF1F4;

}

table#t1

{

border-collapse: collapse;

width: 80%;

margin-left: 35px;

}

p#h2

{

font-size: 14px;

font-weight: italic;

padding: 0px 0px 0px 35px;

}

p#h1

{

font-size: 24px;

font-weight: bold;

padding: 25px 0px 0px 35px;

}

p#b1

{

page-break-after:always;

}

div

{

min-height: 15px;

font-size: 11px;

}

The program I'm using will fill the parameter values (${R.Contact First Name}) if there is a value inputted by the user. If there is no user inputted value, this section will currently show up blank.

What I'd like to do is set the

to a default value of 'No response' with a lighter text color, and italicized, such that if there is a response, it pulls it normally, but if there is no response, this differently formatted 'no response' text pulls in.

**The number of characters is a constraint. The document must not exceed 100,000 characters, so ideally the solution would be within the CSS of the code, and would be referenced in each table by an ID, rather than setting a text string value at the beginning of each table.

Is this possible or am I over-reaching the functionality of HTML?