Lay out .labels a little better

main.html

@@ -70,7 +70,7 @@
       </tbody>
     </table>
     
-    <span class="label" >Experience</span>
+    <div class="label">Experience</div>
 
     <div class="progress-container" id="ExpBar">
       <div class="hint" template="$remaining XP needed for next level"></div>
@@ -126,7 +126,7 @@
       </table>
     </div>
 
-    <span class="label">Encumbrance</span>
+    <div class="label">Encumbrance</div>
     <div class="progress-container" id="EncumBar">
       <div class="hint" template="$Position/$Max cubits"></div>
       <div class="bar" style="width: 50%"></div>

pq.css

@@ -69,6 +69,10 @@ thead.mid {
   border-top: solid 1px grey;
 }
 
+.label { 
+  margin-top: 3px;
+}
+
 .listbox { 
   border: solid 1px black;
   width: 250px;