<tr><td colspan="4" align="left">好</td><td colspan="4">三</td><td colspan="4" align="right">好</td></tr>
<tr><td colspan="3" align="left">好</td><td colspan="3">三</td><td colspan="3">四</td><td colspan="3" align="right">好</td></tr>
在CSS中，我们可以使用各种方法和技术来使对齐项目，例可以水平和垂直对齐项目。下面本篇文章就来给大家介绍一些使用CSS对齐项目的方法，希望对大家有所帮助。
1、margin : auto
此属性用于将块元素水平对齐到中心。
示例：
注意：使用margin : auto在IE8中不起作用，除非声明了!DOCTYPE。
效果图：
2、position: absolute
我们可以使用position: absolute来对齐项目。
示例：
效果图：
3、text-align: center
我们可以在各种标签中使用text-align: center；它可以将任何用HTML编写的文本对齐。
示例：
效果图：
4、line-height属性
想要垂直对齐项目，我们可以使用line-height属性。line-height 属性设置行间的距离（行高）。
示例：
效果图：
5、padding和text-align属性
我们可以使用padding属性和text-align : center的组合来垂直和水平对齐文本。
示例：
效果图：
本文参考地址： https://www.html.cn/qa/css3/10403.html
你换个思路呗，你可以把这个点用搜狗输入法中的特殊符号代替，这样就不需要用图片了，如果非要用图片，那你可以把这个点设为div背景并固定点的位置为左上角，然后再在div上设置样式文字缩进text-indent:2em这样文字打头就会往里面缩进去2个字格，你设1em自然也就是1格了
当然，还有一个办法就是给这个点所在的span标签设置左浮动float:left
以及高宽
