title: How to embed an aframe scene into a div
body: <p>I am trying to embed a .OBJ model into an element so that it is confined to a specific width and height, instead of a full page canvas. I'm trying to replicate the "scene" embedded into the header of <a href="https://sketchfab.com/" rel="nofollow noreferrer">https://sketchfab.com/</a>. I would like the camera in my scene to pan round the central axis of the model(just like in the example).</p>
  
  <p>I'm having trouble accomplishing this... so far, I am able to successful load the following afame scene into my browser:<br></p>
  
  <pre><code>&lt;a-scene&gt;
    &lt;a-box color="#6173F4" width="4" height="10" depth="2"&gt;&lt;/a-box&gt;
  &lt;/a-scene&gt;
  </code></pre>
  
  <p>But I can't get the scene to be resized and confined within a div or within a canvas (i think canvas would be better?).</p>
  
  <p><br> I tried:<br>
  1. to nest the a-scene into a div and size the div in CSS </p>
  
  <p><code>&lt;div class="aframebox"&gt;&lt;a-scene&gt;&lt;/a-scene&gt;&lt;/div&gt;</code>
  <br>
  2. I also tried to following which I guess is no longer part of version 0.3.0? 
  <br>
  <code>&lt;a-scene canvas="height: 50; width: 50"&gt;&lt;/a-scene&gt;</code>
  <a href="https://aframe.io/docs/0.2.0/guide/building-a-basic-scene.html" rel="nofollow noreferrer">0.2.0 information</a></p>
  
  <p><br>
  If someone could please let me know how to do this I would really appreciate it,<br>
  Thank you.</p>