Help with HTML Form Prep Issue

Good Evening I am encountering an issue with the prep assignment. I have implemented the provided html code successfully to make the form but when using CSS/ styles.css format it doesn’t work or the final output is not as expected. I have uploaded a screenshot and have provided a code snippet with the code output.Any help and assistance would be welcomed. Thank you.

Code Sample:

fieldset {

 /* Get rid of the border on the fieldset./*

border: 0;


form {

/* Center the form on the page. /*

margin:0 auto;


/* Curved border around the form./*


border:1px solid #CCC;


/* Make all the fonts in the form the same. */

font-family:Arial, Helvetica, sans-serif;


/* Every div after the first div in the form. */

form div + div {

margin-top: 1em;


label {

/* Uniform size & alignment for labels. */





legend {

border-bottom:1px solid black;



textarea {

/* You must explicitly override the fonts in textareas and inputs. /*

font-family:Arial, Helvetica, sans-serif;

/* Uniform text field and textarea sizes. */

width: 425px;

box-sizing: border-box;

/* Match form field borders */

border:1px solid #999;


input:focus {

/* Additional highlight for focused elements */



text area {

/* Align multiline text fields with their labels */

vertical-align: top;

/* Provide space to type some text */

height: 5em;


select {

/* You must explicitly override the font in a select. */

font-family: Arial,Helvetica,sans-serif;

/* Make the select as wide as the other form elements. */

width: 425px;


button {

/* Space the button to the right. /*

margin-left: .5em;



UPDATE: I have fixed the problem it appears that the comments were interfering with the code. I removed the comments in the code and included the CSS code without the comments. Thank you to whomever read this. I know next time to not include comments in the code without commenting it out or not at all. Thanks again.

1 Like