gamehud.html 545 B

1234567891011121314151617181920212223242526272829303132333435
  1. <style type="text/css">
  2. #game-hud {
  3. font-family: sans-serif;
  4. font-size: 2em;
  5. color: white;
  6. text-align: center;
  7. width: 100%;
  8. height: 100%;
  9. margin-left: auto;
  10. margin-right: auto;
  11. }
  12. #game-hud #moves-label {
  13. display: inline
  14. }
  15. #game-hud #moves {
  16. display: inline
  17. }
  18. #game-hud #score-label {
  19. display: inline
  20. }
  21. #game-hud #score {
  22. display: inline
  23. }
  24. </style>
  25. <div id="game-hud">
  26. <div id="moves-label">Moves remaining:</div>
  27. <div id="moves">3</div>
  28. <div id="score-label">Score:</div>
  29. <div id="score">0</div>
  30. </div>