我有一个包含数字的背景图片。我无法将数字放在圆形的中心位置,目前我已经将数字居中了,但它在圆形的最上方。我该如何将其向下移动到中心位置?
HTML代码:
<div class="number">
<p>
576
</p>
</div>
CSS 代码:
.number{
float:left;
background-position: center;
text-align: center;
font-size:200%;
}
.number p{
position:relative;
top: 38%;
left:57%;
z-index:999;
background-image: url("http://davidwalsh.name/demo/css-circles.png");
width: 207px;
height: 204px;
}
这里 是 jsfiddle