HTML5: How to move input boxes!

2 replies
  • |
Hello Everyone,

I am new to html5. I am trying to move the three input boxes below( i.e for room length, room width and room height) to the left so that they are closer to the three prompts.

I have tried many ideas but no success. It is getting a little frustrating.
Please help.

<!DOCTYPE html>
<!-- Author:
File: kingPainting.html
Purpose: Chapter 4 Exercise

<title> King Painting</title>
<link rel="stylesheet" type="text/css" href="chapter4.css" />
h1 { color:red;}
<h1> King Painting</h1>
<p> Use this form to obtain a quick estimate of the cost to paint a room</p>
<form action="paintEstimate.php" method="post">
<td> Room length in feet:</td>
<td><input type="text" size ="5" name="roomLength"/></td></tr>
<td>Room width in feet:</td>
<td><input type="text" size="5" name="roomWidth"/></td></<tr>
<tr><td>Room Height in feet:</td>
<td><input type="text" size="5" name="roomHeight"/></td>
<td><input type=submit value="Display Estimated Painting Cost"/></td>
#boxes #html5 #input #move

Trending Topics