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

html-css013

如何在CSS中使div内的li左对齐,同时div在整个页面中处于居中状态;如图,第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

}

居中:text-align:center( 而默认就是左对齐的),

再设置:text-align:left

代码如下:

.box{text-align:center;text-align:left}

<ul class=“box”>

<li>内容1</li>

<li>内容2</li>

<li>内容3</li>

</ul>