CSS中li设置左浮动后,li下面的a如何控制位置?

html-css022

CSS中li设置左浮动后,li下面的a如何控制位置?,第1张

CSS中li设置左浮动后,li下面的a控制位置方式为:

li a{margin-left:20pxmargin-top:12pxdisplay:blockwidth:20px}

详情:

a标签写样式时要加display:block属性,

这样a标签就显示一行了。

一个li下面有多个a标签的话,就得给他们定宽度,

必要的情况下就float:left。

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

}