New Delivery Form

by clayshannon

HTML

<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<header>New Delivery - @SerialNumber</header>
</br>
<label>Invoice #</label>
<input type="text" id="invoiceNumber"></input>
<div class="clearBoth"></div>
<label>Date</label>
<input type="date" id="date"></input>
<div class="clearBoth"></div>
<label>Total Amt $</label>
<input type="number" id="totalAmt"></input>

CSS

body {
    background-color: lightyellow;
}
header {
    font-family:'Segoe UI', 'Segoe Light', 'Courier New', sans-serif;
    //font-weight: bold;
    padding-left: 15px;
    background-color: Blue;
    color: White;
}
label {
    font-family: Consolas, 'Segoe UI', sans-serif;
    margin-left: 10px;
    min-width: 120px;
}
input {
    float:right;
}
.clearBoth {
    clear:both;
}