fix(CSS): Fixes Label covered by text area (#708)

Co-authored-by: Jaykumar Mandaviya <[email protected]>

Author: JayMandaviyaDev

html/forms/your-first-HTML-form/first-form-styled.html

@@ -4,10 +4,12 @@
 		<meta charset="utf-8" />
 		<title>Your first HTML form, styled</title>
 		<style>
-			form {
+			body{
 				/* Just to center the form on the page */
-				margin: 0 auto;
-				width: 400px;
+				text-align: center;
+			}
+			form {
+				display: inline-block;
 				/* To see the outline of the form */
 				padding: 1em;
 				border: 1px solid #ccc;
@@ -27,7 +29,8 @@
 			label {
 				/* To make sure that all labels have the same size and are properly aligned */
 				display: inline-block;
-				width: 90px;
+				min-width: 90px;
+
 				text-align: right;
 			}