Css 对齐中心对齐的div元素下的链接

我正在尝试对齐一个链接

<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重复了几次，并且是中心对齐的，我需要在每个div元素下直接对齐链接，我在互联网上搜索了一段时间，但没有找到任何有效的链接，因此会收到任何帮助。

你不会这样做吗：

---

这对我很有效，希望它能解决你的问题

在css中添加此类：

.wrap_link{ text-align:center;}
.dotted{ display:block;}

尝试在此结构中添加链接

<div class="wrap_link">
<div class="service">
content/text
</div>
<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>

内容/文本
这有什么用？

为什么您发布的CSS有两个显示规则？哦，哎呀，一个输入错误，在显示元素的前面应该有一个*谢谢您显示使用JSFIDLE？您的意思是这样的吗？

.wrap_link{ text-align:center;}
.dotted{ display:block;}

<div class="wrap_link">
<div class="service">
content/text
</div>
<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>