Div+css 实现图文混排

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document</TITLE>
<style type="text/css"> 
*{ 
	margin:0px; 
	height:0px;
	} 
body
{ 
	text-align:center; 
	} 
#company_brief 
{ 
	padding:.5em; 
	width:254px; 
	height:209px;
	font-family: "宋体"; 
	font-size: 9pt; 
	line-height: 150%; 
	color: #000; 
	letter-spacing: .1em; 
	margin:0px auto; 
	text-align:left; 
	border:1px solid #000;
	} 
div img
{ 
	width:100px; 
	height:100px; 
	border:none; 
	float:right; 
	padding:.1em; 
	} 
div li
{ 
	float:left; 
	list-style:none; 
	width:100px;
    height:100px; 
	margin:10px; 
	} 
div li img
{ 
	width:100px; 
	height:100px; 
	border:none; 
	} 
</style>
</HEAD>
<BODY>
<div id="company_brief"> <img src="http://www.linxz.cn/images/index.jpg"/> 公司简介内容公司简介内容公司简介内容公司简介内容公内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容<br />
  公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容<br />
  <ul>
    <li><img src="http://www.linxz.cn/images/index.jpg"/></li>
    <li><img src="http://www.linxz.cn/images/index.jpg"/></li>
    <li><img src="http://www.linxz.cn/images/index.jpg"/></li>
  </ul>
</div>
</BODY>
</HTML>

 很不错的效果!!!!!!!

 

 

你可能感兴趣的:(html,css)