I have 4 tables and a submit button. How can I make them more compact? Maybe like this:
This is my HTML code:
<body>
<form action="/cgi-bin/form.py" id="myform">
<table class="table-fill">
...
</table>
<table class="table-fill">
...
</table>
...
</table>
<input type="submit" name="add" value="Submit" form="myform"/>
</form>
</body>
This is my table style:
.table-fill {
background: white;
border-radius:3px;
border-collapse: collapse;
height: 120px;
margin: auto;
max-width: 100px;
padding:5px;
}
My submit button style:
input[type=submit] {
padding:10px 15px;
background:#ccc;
border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: auto;
display: block;
}