在canvas元素中移动文本并使其居中

Question

我正在尝试将div的{​​{1}}和hallo1文本移至我的hallo2元素并将其置于中心位置。
有没有人对如何实现这个目标有所了解？

以下是代码：

canvas

Answer 1

将所有内容放在div中，并以text-align:center;为中心。如果您仍然需要它在屏幕的左侧，请使用float:left;，如下所示：

fiddle

#everything {
  text-align:center;
  float:left;
}

Answer 2

不修改布局的一个可能性就是调整位置：

div {
    position: relative;
    left: 80px;
    top: -125px;
}

fiddle

调整为不同文字宽度的版本是使用13ruce1337答案并垂直调整

#everything {
    text-align:center;
    float:left;
    position: static;
}
div {
    position: relative;
    top: -125px;
}

我必须重新定义所有位置，因为文本div的样式会修改它

fiddle 2