example.html

<span>
    <p style="font-weight:bold;">This is an example pair of candidates. Please read the descriptions of the candidates. On the next few pages you will be asked to read profiles like this and answer some questions about the candidates.</p>
</span>
<br />
<table style="width:90%; align:center; margin-left:auto; margin-right:auto; text-align:center; table-layout:fixed;" cellspacing="4">
    <tbody><tr>
        <td style="font-weight:bold; font-size:1.25em; font-align:center;">Candidate A</td>
        <td></td>
        <td style="font-weight:bold; font-size:1.25em; font-align:center;">Candidate B</td>
    </tr>
    <tr>
        <td id="a1">68</td>
        <td style="font-weight:bold;">Age</td>
        <td id="b1">45</td>
    </tr>
    <tr>
        <td id="a2">Female</td>
        <td style="font-weight:bold;">Sex</td>
        <td id="b2">Male</td>
    </tr>
    <tr>
        <td id="a3">African American</td>
        <td style="font-weight:bold;">Race</td>
        <td id="b3">Asian American</td>
    </tr>
    <tr>
        <td id="a4">None</td>
        <td style="font-weight:bold;">Religion</td>
        <td id="b4">Evangelical protestant</td>
    </tr>
    <tr>
        <td id="a5">State Governor</td>
        <td style="font-weight:bold;">Occupation</td>
        <td id="b5">Member of Congress</td>
    </tr>
    <tr>
        <td id="a6">Democrat</td>
        <td style="font-weight:bold;">Party</td>
        <td id="b6">Democrat</td>
    </tr>
    <tr>
        <td id="a7">Did not serve</td>
        <td style="font-weight:bold;">Military Service</td>
        <td id="b7">Served</td>
    </tr>
    <tr>
        <td id="a8">Community college</td>
        <td style="font-weight:bold;">Education</td>
        <td id="b8">Ivy League university</td>
    </tr>
    <tr>
        <td></td>
        <td style="font-style:italic; text-align:left;">The candidates have reported opinions on the following issues:</td>
        <td></td>
    </tr>
    <tr>
        <td id="a9" style="vertical-align:top;">Strongly oppose</td>
        <td style="font-weight:bold; vertical-align:top;">Ratification of the Trans-Pacific Partnership (TPP)</td>
        <td id="b9" style="vertical-align:top;">Strongly support</td>
    </tr>
    <tr>
        <td id="a10" style="vertical-align:top;">Slightly support</td>
        <td style="font-weight:bold; vertical-align:top;">Deploying ground troops to combat ISIS</td>
        <td id="b10" style="vertical-align:top;">Strongly oppose</td>
    </tr>
    <tr>
        <td id="a11" style="vertical-align:top;">Slightly support</td>
        <td style="font-weight:bold; vertical-align:top;">A carbon tax ("cap and trade") system for greenhouse gases</td>
        <td id="b11" style="vertical-align:top;">Slightly oppose</td>
    </tr>
    <tr>
        <td id="a12" style="vertical-align:top;">Slightly support</td>
        <td style="font-weight:bold; vertical-align:top;">Increased taxes on those making over $250,000</td>
        <td id="b12" style="vertical-align:top;">Slightly support</td>
    </tr>
    <tr>
        <td id="a13" style="vertical-align:top;">Strongly oppose</td>
        <td style="font-weight:bold; vertical-align:top;">Path to citizenship for illegal immigrants brought to US as children</td>
        <td id="b13" style="vertical-align:top;">Strongly support</td>
    </tr>
</tbody></table>
<br />
<span>
    <p style="font-weight:bold;">After reading each pair of profiles, you will be asked to indicate which candidate you would prefer to vote for to be President of the United States were you deciding between only these two candidates.</p>
</span>