<a> tags positioned differently when containing text

<a> tags positioned differently when containing text

References

Reference NO 1

http://www.htmlgoodies.com/beyond/css/article.php/3872271

Reference NO 2

http://stackoverflow.com/questions/9800038/text-align-behaves-differently-when-a-span-is-blockedabsolutely-positioned

Reference NO 3

http://helpx.adobe.com/dreamweaver/using/css-layouts.html

Reference NO 4

http://webdesign.about.com/od/advancedcss/a/aa052200a.htm

Reference NO 5

http://www.wickham43.net/divboxes.php

Reference NO 6

http://coursesweb.net/html/div-span

Reference NO 7

http://www.vertical-align.com/

Reference NO 8

http://www.willmaster.com/library/tutorials/position-exactly-relatively.php