html 页面样式-- div span 排版

由于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 >