层内文本单行居中，多行居左

截图
CSS

代码

<style type="text/css">
*  {  margin : 0 ;  padding : 0 ;
}
.outer  {  margin : 20px auto ;  text-align : center ;  width : 500px ;  border : 1px solid #00FF00 }
.inner  {  display : inline-block ;  *display : inline ;  zoom : 1 ;
text-align : left ; }
</style>

 

HTML

代码

< div  class ="outer" >  
     < div  class ="inner" > 内容很少时 </ div >
</ div >
< div  class ="outer" >  
     < div  class ="inner" >
         < p > 内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时内容成段时 </ p >
     </ div >
</ div >

 

转载于:https://www.cnblogs.com/waiting4u/archive/2009/12/14/1623559.html