 <p>You have the following <strong>errors</strong>:</p> <ol> <li>You cannot nest anything like form elements inside <code>&lt;p&gt;</code> tag. Replace it with a <code>&lt;div&gt;</code> tag.</li> <li>You haven't closed the <code>&lt;input /&gt;</code>.</li> </ol> <p>Use this <strong>snippet</strong>:</p> <p><div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code"> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;li&gt; &lt;div&gt; &lt;label for="request" id="officallabel"&gt;Purpose&lt;/label&gt; &lt;input type = "radio" name = "approvalbuttons" id = "approved" value = "Approved" /&gt; &lt;label for = "approved"&gt;Approved&lt;/label&gt; &lt;input type = "radio" name = "approvalbuttons" id = "denied" checked = "checked" value = "denied" /&gt; &lt;label for = "denied"&gt;Denied&lt;/label&gt; &lt;/div&gt; &lt;/li&gt;</code></pre> </div> </div> </p>