利用css完成如图的排版
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
p{
font-size:16px;
padding-right:10px;
padding-top:8px;
line-hright:120%;
}
span{
font-size:40px;
float:left;
padding-right:5px;
padding-left:10px;
padding-top:8px;
}
div{
font-size:30px;
color:#FFF;
background:#999;
}
</style>
</head>
<body>
<div align="center" >Head Line</div>
<img src="imagess/cup.gif" style="float:left;" />
<span>T</span>
<p>he Internet Society’s mission is to achieve a world in which everyone everywhere is connected to an open and universally accessible Internet. Since its inception in 1992, ISOC has been at the forefront of global Internet education by bringing essential information and training to people throughout the world.The Internet Society’s mission is to achieve a world in which everyone everywhere is connected to an open and universally accessible Internet. Since its inception in 1992, ISOC has been at the forefront of global Internet education by bringing essential information and training to people throughout the world.</p>
</body>
</html>
原文：http://www.cnblogs.com/break-tree/p/5510637.html