cursor：指针和文本对齐

Question

<div id="registerb"><div id="rtext">Register</div></div>

#registerb {
    font-size:21px;

}
#rtext {
    cursor:pointer;
    text-align:center;
}

我希望当我将“注册”文本指向光标以更改为指针时。但是在div的所有宽度上更改指针。我尝试向div添加一些宽度但没有结果。

Answer 1

这应该这样做：

<div id="registerb"><span id="rtext">Register</span></div>

#registerb {
    font-size:21px;
    text-align:center;

}
#rtext {
    cursor:pointer;
}

Answer 2

向#rtext添加宽度似乎可以正常工作。

演示：http://jsfiddle.net/Marcel/skCae/（为了清晰起见，将边框添加到#rtext）