由于div默认是block 块 会换行
span默认是inline 内联 同一行
<
html
>
< head >
</ head >
< body >
< div align =left style ="display:inline;border:1px solid green;width:20px;" > 11 </ div >
< div align =center style ="display:inline;border:1px solid green;width:800px;" > 22 </ div >
< div align =right style ="display:inline;border:1px solid green;width:150px;" > 33 </ div >
< hr />
< span align =left style ="display:block;border:1px solid green;width:20px;" > 11 </ span >
< span align =center style ="display:block;border:1px solid green;width:800px;" > 22 </ span >
< span align =right style ="display:block;border:1px solid green;width:150px;" > 33 </ span >
</ body >
</ html >
< head >
</ head >
< body >
< div align =left style ="display:inline;border:1px solid green;width:20px;" > 11 </ div >
< div align =center style ="display:inline;border:1px solid green;width:800px;" > 22 </ div >
< div align =right style ="display:inline;border:1px solid green;width:150px;" > 33 </ div >
< hr />
< span align =left style ="display:block;border:1px solid green;width:20px;" > 11 </ span >
< span align =center style ="display:block;border:1px solid green;width:800px;" > 22 </ span >
< span align =right style ="display:block;border:1px solid green;width:150px;" > 33 </ span >
</ body >
</ html >