Snapshot of a sample survey created using CSS and HTML

Illustration of a Survey that uses CSS

The following is the code used to create some of the html and styles used within this survey.

Survey Title

Adding a little Style Using CSS <br /><br /><div style="text-align: center;"><img src="http://www.ksu.edu/itac/training/css/handouts/images/sel_prop_val.gif"></div>

Survey Opening Instructions

<table width="600" cellpadding="3" cellspacing="0" style="border: solid red; background-color:yellow;">
<tr>
<td>
<span style="font-weight: bold;">Approval</span>
<br>
Completing the survey online indicates your willingness to participate in this study.
</td>
</tr>
</table>
<br>
Before beginning the actual survey, you must do the following:
<ul>
<li>Watch a video clip. A new window will open to view the video clip in.</li>
<li>Once you are finished watching the video clip, close the window and return to this survey.</li>
</ul>
<span style="font-weight: bold;">Begin watching the <a href="http://visualtutorials.com/inline-style.htm" target="blank">video</a> now.</span>

Page Instructions

<span style="font-size: 150%; font-weight: bold; color: blue;">Video Content</span>