Test

by wizviper

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Eternity</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  </head>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  <body>
    <div id='container'>
      <div id='topbar'>
        <button id='asteroidScene' class='btn btn-primary sceneButton'>Asteroid</button>
      </div>
      <div id='asteroidHub'>
        <div id='asteroidResources'>
          <p>Ore:0</p>
        </div>
      </div>
    </div>
  </body>
</html>

CSS

#topbar {
  border-bottom-style:solid;
  border-bottom-color:lightgrey;
  border-bottom-width:2%;
}