While constructing an HTML table for my Wix site, I've encountered some formatting issues. The left side of the table has excessive spacing, and I can't seem to position the submit button correctly next to the input boxes. Additionally, I'm struggling to change the background color of the input boxes to '#3A3B3F'. I've tried various solutions, but nothing seems to work. If anyone can offer assistance with this problem, I would greatly appreciate it! Below is a snippet of the table's code and a screenshot showing its current appearance: View Table Screenshot
<style>
#crmWebToEntityForm tr , #crmWebToEntityForm td {
padding:6px;
border-spacing:0px;
border-width:0px;
}
</style>
<table style='width:600px;background-color:#3A3B3F;'><tr>
<td colspan='2' align='left' style='color:#ffffff;font-family:Avenir;font-size:18px;'><strong></strong></td>
</tr> <br></br>
<tr><td style='text-align:left;font-size:16px;width:30%;'><span style='color:red;'></span></td>
<td style='width:40%'><input type='text' placeholder="First Name" style='width:200%' maxlength='0' name='FirstName' /></td>
<td style='width:350px;'></td></tr>
....
....
<button id="formssubmit">SUBMIT QUERY</button><style type="text/css" type="submit">
#formssubmit {
background-color: #ffffff;
padding: .5em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 6px;
color: #ddddd;
font-family: 'Avenir';
font-size: 20px;
text-decoration: none;
border:color:#ffffff;
}
#formssubmit:hover {
border: none;
background: #9799A4;
box-shadow: 0px 0px 1px #ffffff;
}