Skip to content

Commit

Permalink
chore(learn): Reflect recent changes in learn repo (#32743)
Browse files Browse the repository at this point in the history
  • Loading branch information
bsmth authored Mar 19, 2024
1 parent 33b0a16 commit 27bc03c
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions files/en-us/learn/forms/your_first_form/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -186,10 +186,13 @@ First of all, add a {{htmlelement("style")}} element to your page, inside your H
Inside the `style` tags, add the following CSS:
```css
form {
body {
/* Center the form on the page */
margin: 0 auto;
width: 400px;
text-align: center;
}
form {
display: inline-block;
/* Form outline */
padding: 1em;
border: 1px solid #ccc;
Expand All @@ -209,7 +212,7 @@ form li + li {
label {
/* Uniform size & alignment */
display: inline-block;
width: 90px;
min-width: 90px;
text-align: right;
}
Expand All @@ -218,11 +221,9 @@ textarea {
/* To make sure that all text fields have the same font settings
By default, textareas have a monospace font */
font: 1em sans-serif;
/* Uniform text field size */
width: 300px;
box-sizing: border-box;
/* Match form field borders */
border: 1px solid #999;
}
Expand All @@ -236,7 +237,6 @@ textarea:focus {
textarea {
/* Align multiline text fields with their labels */
vertical-align: top;
/* Provide space to type some text */
height: 5em;
}
Expand Down

0 comments on commit 27bc03c

Please sign in to comment.