Question

如何在CSS中使div内的li左对齐，同时div在整个页面中处于居中状态；如图

如图，div在整个页面中居中，div里的ul左对齐。还有，div的边框是怎么设置的，“收货单”那三个字是怎么写到边框里的。 求高手指点！！！！！

Answer 1

div设置宽度 使用margin：0 auto;居中 li左对齐 将左边收货人姓名\收货人姓名 元素设置为块元素设置固定宽度 对齐
收货单在边框里方法
方法一：可以使用fieldset（缺点不兼容老版本的ie）
<fieldset>
<legend>收货单</legend>
<p>内容</p>
</fieldset>
方法二：可以使用定位position:relative;来实现
<div><span class="title">我是边框上的文字</span><span>我是边框内的文字</span></div>2.设置css样式
div{
width:200px;
height:100px;
padding:5px 30px;
margin:50px;
border:4px solid #ebcbbe;
}
span.title{
display:block;
width:150px;
height:30px;
position:relative;
top:-15px;
text-align: center;
background: white;
}

Answer 2

很简单啊。
关于div内容的思路：
1，内联标签；设置内敛标签再设置它的padding属性（只有left和right有效）
2，块级标签左浮动；这个就是float属性了
关于收货单三个字的思路：
1，相对定位；用position属性外用相对，内用绝对
2，伪类；用css3的before或者after属性可以直接把这三个字放到线上
都是简单的东西。多试试就知道了。

追问

谢谢你！！！