一个简单的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>