<div>
<div><img></div>文字
</div>
<html><head>
<style type="text/css">
img
{
float:right
}
</style>
</head>
<body>
<p>在下面的段落中，我们添加了一个样式为 <b>float:right</b>的图像。结果是这个图像会浮动到段落的右侧。</p>
<p>
<img src="/i/eg_cute.gif" />
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>
</body>
</html>
很多方法，给你几个常用的1、圆圈设为div背景，然后把这个div设置padding值来控制文字的位置
2、圆圈设为div背景，然后固定高度和宽度并设置 text-align:center再设置文字的行高line-height:与div的高度一样即可
3、圆圈设为div背景，在div内插入span或者a或者其他标签，设置margin属性控制位置；
