Untitled

<head>
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
</head>

<h1>Expense</h1>
<h2>Add an item</h2>

<div id="form-box">
<form>
  <div>
    <span>Type</span>
      <select name="type">
          <option value="card">Card</option>
          <option value="cash">Cash</option>
          <option value="other">Other</option>
      </select>
  </div>

  <div>
    <span>Name</span> <input type="text" name="item-name" placeholder="What did you spend on?">
  </div>

  <div>
    <span>Date</span> <input type="date" name="date">
  </div>

  <div>
    <span>Amount</span> <input type="number" name="amount" placeholder="How much?">
  </div>

</form>
</div>

<div id="button"><span>Add a expense</span></div>

<table>
  <tr>
    <th id="type" class="center">type</th>
    <th>Name</th>
    <th id="date">Date</th>
    <th style="text-align: right"     id="amount">Amount</th>
  </tr>
  <tr id="if-empty">
    <td colspan="4"><span></span></td>
  </tr>

</table>