css - 在 DIV 中居中一个字符

Question

我试图在垂直和水平方向上将一个字符置于 div 中。
我使用了以下 css 来实现这一点。

  margin : 0 auto; //attempt1
  text-align:center; //attempt2

两者都不起作用，尝试 2 只是水平对齐字符。
但我也需要垂直对齐它。

My Code is here

有什么线索可以实现吗？

Answer 1

这是你如何修复它:

首先将字符包裹在一个元素中:

<div id="DivMenu">
   <div id="character">R</div>
</div>

然后设置如下CSS:

#DivMenu{
   ...
   text-align:center;
}

#character{
   position:relative;
   top:50%;
   margin-top:-10px
}

Working example