HP is displayed in wrong position.

[Issue]
  HP is displayed in wrong position.
[Cause]
  EditText's 'align' (left/right/center) is not used for glyph texts.
[Fix]
  Added 'textWidth' to the TextStyle and used it to handle the alignment at Canvas.drawText().