CSS Related questions

HTML/CSS
1

Hey rockstars!

I have question about where to add the “style” tag on something, below is apeice of HTML code, that is a form, I would like to style this form - I come across things like this alot.

As a general rule of thumb with forms, where does this tag go, I know this “inline CSS”

Appreciate the help!

<form action="https://email.problemfreewp.com/sendy//subscribe" method="POST" accept-charset="utf-8">
	<label for="name">Name</label><br/>
	<input type="text" name="name" id="name"/>
	<br/>
	<label for="email">Email</label><br/>
	<input type="email" name="email" id="email"/>
<br/>
<label for="MobileNumber">Mobile Number</label><br/>
<input type="text" name="MobileNumber" id="MobileNumber"/><br/><div style="display:none;">
	<label for="hp">HP</label><br/>
	<input type="text" name="hp" id="hp"/>
	</div>
	<input type="hidden" name="list" value="XuMhOL892B892zem3dZenGk0bg"/>
	<input type="hidden" name="subform" value="yes"/>
	<input type="submit" name="submit" id="submit"/>
</form>```
2

In an external css file :sunglasses:

jk

If you are wanting to add inline styling then you can add the style tag wherever you would like within the opening tag. If you go that route then just pick a consistent order for your attributes. There is no hard rule. Some form elements are very tricky to style so play around and see what you can get. You shouldn’t have much trouble with the inputs and labels you have above.

Check these links to learn more about styling forms, or just forms in general.

3

Super helpful!

Thank you!