如何调整div中指定span的相对位置?详情如下:
<style type="text/css" >
#myDiv{
width:200px;
height:150px;
}
span{
position:relative;
text-align:center;
display:block;
top:50px;-----------------(1)
left:50px; -----------------(2)
}
</style>
<div id="myDiv" >
<span class="oneSpan">中国<span>
<hr width="200px" />
<span class="oneSpan">美国</span>
<hr width="200px"/>
<span class="oneSpan">日本</span>
</div>
为什么使用上面的(1)、(2)句,不能调整div中span相对于div的位置?不能改变span相对于div左上角的坐标?
如何才能使class="oneSpan"的那个span在竖直方向上距离div上边框50个像素显示?