收货单在边框里方法
方法一:可以使用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>