I'm attempting to position a form button outside the table shown below, using float or another method:
<form action="./deleteentry.php" method="post">
<?php
foreach ($dbr as $var) {
?>
<tr>
<td><?php echo $i; ?></td>
<td><?php echo $var["title"]; ?></td>
<td><?php echo $var["year"]; ?></td>
<td><?php echo $var["author"]; ?></td>
<td><?php echo $var["condition"]; ?></td>
<td><?php echo $var["genre"]; ?></td>
<td><?php echo $var["publisher"]; ?></td>
<td><input type="radio" name="order" value="<?php echo $i; ?>"/></td>
</tr>
<?php
$i++;
}
?>
<br /><br />
<div class="delshift">
<input type="submit" value="Confirm" />
</div>
</form>
The desired outcome is illustrated in the following image. What CSS properties should be applied to my form and div elements? The current styling for my div element is as follows:
.delshift{
float: right;
overflow: hidden;
clear: both;
}
Apologies for the large image.