方法很分多，可以把图片和文字分别放在div中然后浮动即可。
我写一个给你，稍等！
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
img{
float: left
}
</style>
</head>
<body>
<div>
<img src="test1.jpg" alt="">
<ul>
<li>地址：***********</li>
<li>电话：1111111111</li>
<li>联系人：大大大大大大</li>
</ul>
</div>
</body>
</html>
你自己再改一改，有用就采纳！
按照下面这种代码格式，就可以设置成你想要的效果，css根据需要设置段落格式，图片大小也可以通过里面的div设置<div>
<div><img></div>文字
</div>
=======文字环绕
=======
<style>
div {
width:300px
border:1px solid red
}
img {
float:center
width:100px
height:100px
}
</style>
<div>
<img src="/images/logo.gif" />
绕啊绕啊
绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊
</div>
=======
图片居中
======
<center><img src="img/logo.gif"></center> <!--html-->
==============================================
<!---css-->
========
div{
margin:0 auto
padding:0px
}
<div id="logo">
<img src="img/logo.gif">
</div>
CSS的定义：
#logo{width:500pxheight:300px}
#logo img{margin-top:100pxmargin-left:150px}
=================================
可以把让图片先居中，后环绕。
