cssCopy code
ul {
display: inline-block
text-align: right
}
将 display 属性设置为 inline-block 将使列表项呈横向布局，而将 text-align 属性设置为 right 将使列表内容靠右对齐。
请注意，如果您希望更改列表中的每个项目的样式，则可能需要对每个列表项目单独定义样式。
让<ul>水平排列：关键之处在于设置ul或者li标签的浮动：float:left或者float:right；第一个是靠左浮动，第二个靠右浮动；下面是代码展示ul中设置的li标签居左浮动：<style>
ul li{ float:leftmargin-left:20pxlist-style-type:none}
</style>
<ul>
<li>靠左浮动排列一</li>
<li>靠左浮动排列二</li>
<li>靠左浮动排列三</li>
<li>靠左浮动排列四</li>
</ul>
li标签居左浮动，实现ul水平排列；
margin-left:20px左外侧距离20px，list-style-type:none去除无序列表的点；
用Css设置图片的位置的话：1.通过position的绝对定位，然后在通过left和top就可以设置你的ul移动位置了；代码如下
<div style='position:absolutleft:0pxtop:0px'>
<ul>
<li>我是测试文字</li>
</ul>
</div>
2.通过margin这个属性操作，margin:10px 20px 30px 40px这个的意思就是距离上边10px，距离右边20培训，距离下边30px，距离左边40px，代码如下
<div>
<div style=' width:330pxheight:200pxmargin-top:30px'>
<p>我是测试文字</p>
</div>
</div>
