display property
You can make "inline" elements into "block" by setting the display property!
label {
display: block;
}
Example
3.45 - Form - Example 3.45
<form method="post" action="https://cs12.net/form/submit.php">
<label>Name:
<input type="text" name="name"/>
</label>
<label>Email Address:
<input type="email" name="email"/>
</label>
<button type="submit">Submit </button>
</form>
In style
element
(<style>
) within head
element:
label { display: block; margin-top: 1rem;}
input { display: block;}
button { display: block; margin-top: 1rem;}