Alligned form input boxes

static/css/main.css

@@ -59,4 +59,16 @@ body {
 .chart_title {
     text-decoration: underline;
     text-align: center;
+}
+
+label{
+    display: inline-block;
+    float: left;
+    clear: left;
+    width: 250px;
+    text-align: right;
+}
+input {
+  display: inline-block;
+  float: left;
 }
\ No newline at end of file

templates/main.html

@@ -40,8 +40,8 @@
         {% if display_new_device_form == True %}
             <div class=".add_new_device_form">
                     <form action="{{ url_for('handle_new_device') }}" method="post">
-                        New device name: <input type="text" name="new_device_name" required> <br>
-                        New device wattage: <input type="number" name="new_device_wattage" required> <br>
+                        <label>New device name:</label> <input type="text" name="new_device_name" required> <br>
+                        <label>New device wattage:</label> <input type="number" name="new_device_wattage" required> <br>
                         <input type="submit">
                     </form>
             </div>