css - 在中心对齐的 div 元素下对齐链接

Question

我正在尝试对齐链接，

<a class='dotted' data-toggle='popover' data-placement='bottom' data-content='This server is hadnling everyones logins, if this server is down, you couldnt log in to Minecraft.' title='Logins server'>What does this do?</a>

在具有这些样式属性的 div 元素下:

.service {
    width:140px;
    height:100px;
    padding:1.2em 0;
    margin:0 0 .5em 0;
    border:3px solid#00AFED;
    border-radius:50%;
    display: inline-block;
    *zoom: 1;
    display: inline;
}    

问题是这个 div 重复了几次，并且居中对齐，我需要在每个 div 元素下直接对齐链接，我在互联网上搜索了一段时间但没有找到找到任何有用的东西，所以我们会提供任何帮助。

Answer 1

你想要这样的东西吗:http://jsfiddle.net/Y7n2f/

  a.dotted {
    border-bottom: 1px dotted;
    color: #0088cc;
    cursor: help;
    position: relative;
    left: -130px;
    top: 80px;
  }