一个简单的css排版
代码
<html>
<head>
<style type="text/css">
body
{
text-align:center;
<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>
}
.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>
