title: Center text in a container (EaselJS)
body: <p>I am new to EaselJS and I am trying to create a colored container with a centered text. This is my code:</p>
  
  <pre><code>var width = 100, height = 100;
  canvas.width = width + 10;
  canvas.height = height + 10;
  var container = new c.Container();
  container.x = 10;
  container.y = 10;
  container.setBounds(0, 0, width, height);
  
  var rect = new c.Shape();
  rect.graphics.beginFill('#6e7e8e').drawRect(0, 0, width, height);
  container.addChild(rect);
  
  var text = new c.Text();
  text.set({
      text: 'hello',
      textAlign: 'center'
  });
  container.addChild(text);
  stage.addChild(container);
  stage.update();
  </code></pre>
  
  <p>For some reason the text doesn't centered in the container, but half of the text is out of the container. What is the problem in my code?</p>