一个简单的css排版

代码

< html >
     < head >
         < style  type ="text/css" >
            body
             {
                text-align : center ;

                 margin : 0 auto;
             }
            .total
             {
                height : 300px ;
                margin : 10px auto ;
                border : 1px solid red ;
                padding : 10px
             }
            .a
             {
                width : 250px ;
                height : 300px ;
              border : 2px dashed blue ;
              background-color : yellow ;
              float : left ;
             }
                .b
             {
                margin : 0 310px ;
                height : 300px ;
              border : 2px solid blue ;
              background-color : red ;
             }
            .c
             {
                height : 300px ;
                float : right ;
                width : 250px ;
              border : 2px dashed blue ;
              background-color : yellow ;
             }
             </ style >
     </ head >
     < body >
         < div  class ="total" >
             < div  class ="a" > 美利坚合众国 </ div >
             < div  class ="c" > 北爱尔兰及大不列颠联合王国 </ div >    
             < div  class ="b" > 中华人民共和国 </ div >
            
         </ div >
     </ body >
</ html >

 

转载于:https://www.cnblogs.com/yangruipretty/archive/2010/05/13/1734633.html