Added id attributes to movement buttons.

Author: jimflores5

index.html

@@ -23,12 +23,12 @@ <h3>Astronaut Chat</h3>
                 <img src = "LaunchCode_rocketline_white.png" height = "75" width = "75" id = "rocket"/>
             </div>
             <div class="center-block">
-                    <button>Up</button>
-                    <button>Down</button>
-                    <button>Right</button>
-                    <button>Left</button>
+                    <button id="up">Up</button>
+                    <button id="down">Down</button>
+                    <button id="right">Right</button>
+                    <button id="left">Left</button>
                     <h3>Space Shuttle Height</h3>
-                    <p id='spaceShuttleHeight'>0</p><p style = "display: inline-block;"> miles</p>
+                    <p id='spaceShuttleHeight'>0</p><span> miles</span>
             </div>
         </div>
         <div class="centered">

styles.css

@@ -16,6 +16,10 @@
     width: 100%;
 }
 
+#spaceShuttleHeight {
+    display: inline-block;
+}
+
 .center-block {
     text-align: center; 
     display: inline-block;