diff --git a/s/webrtc-capturestill/index.html b/s/webrtc-capturestill/index.html
index ef7584b..3709a59 100644
--- a/s/webrtc-capturestill/index.html
+++ b/s/webrtc-capturestill/index.html
@@ -19,10 +19,10 @@ <h1>
     <video id="video">Video stream not available.</video>
     <button id="startbutton">Take photo</button> 
   </div>
-  <canvas id="canvas">
-  </canvas>
   <div class="output">
-    <img id="photo" alt="The screen capture will appear in this box."> 
+  	<canvas id="canvas">
+		<img id="photo" alt="The screen capture will appear in this box."> 
+  	</canvas>
   </div>
 	<p>
 		Visit our article <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Taking_still_photos"> Taking still photos with WebRTC</a> to learn more about the technologies used here.