<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
.aa{
width: 350px;
height: 100px;
background-color: #000;
margin:auto;
}
.bb{
margin:auto;
font-family:Arial;
text-align: center;
}
.cc{
width: 350px;
height: 100px;
background-color: #000;
margin:auto;
}
.laba{
float: left;
margin: left;
padding-left:
}
</style>
</head>
<body>
<div class="1">
<div class="aa"><div class="yuan" style="width: 120px;
height: 120px;
background-color: #4FC0E8 ;
border-radius:50%;
float: left;
margin-left: 110px;
margin-top: 30px;
text-align: center;
float: left;
">
<img src="2.png" src="margin:auto;padding-top:10px;">
</div></div><br/><br/><br/>
<div class="bb"><p class="color:#4FC0E8;">LOREM IPSUM DOLOR</p><br/><p>sadsadaassdwweqwefsf<br/>dasdasdaeqweqwsdasdasdas<br/>dasdasdasdasdasdasdasczxdas</p></div>
<div class="cc"></div>
</div>
</body>
</html>
原文：http://www.cnblogs.com/HuanG-zd/p/4021368.html