在不使用特定值的情况下将元素水平居中放置在元素内

Question

再次，只是学习CSS并尝试制作一个虚构的主页。 这是我遇到的一个问题： 我想在DIV元素中将链接及其背景颜色居中。但是，我也希望将DIV保持在中心位置（每侧15％）并且更改链接内的文本仍将使它们居中，因​​此定位不能是特定值< / strong>（我认为需要使用百分比）。

编辑：很快解释：我想在页面中间获取所有四个块，无论是改变浏览器屏幕的大小还是块内的文本。谢谢:)）

EDIT2：更改了搜索查询中更容易找到的标题。

可以对代码执行任何操作，还是必须以某种方式更改它？谢谢。 这是HTML：

.infos {
padding-left: 15%;
padding-right: 15%;
position: relative;
top: 40px;
}

.infos a {
background-color: black;
color: white;
margin: 0px;
display: inline;
padding-top: 10px;
padding-bottom: 60px;
text-decoration: none !important;
}

.infos #centered {
position: relative;
display: block;
padding: 0px;
}

<DIV CLASS="infos">
  <DIV ID="centered">
	<A HREF="#" ID="membership">Application for Membership</A>
	<A HREF="#" ID="rules">Rules</A>
	<A HREF="#" ID="terms">Travel Conditions</A>
	<A HREF="#" ID="meetings">Meetings</A>
  </DIV>
</DIV>

感谢您的帮助！

Answer 1

＆＃13;

＆＃13;

#centered {
display:table;
background:red;
margin:auto;
}
#centered a {
color: white;
margin: 0;
float:left;
padding-top: 10px;
padding-bottom: 60px;
text-decoration: none !important;
}

＆＃13;

<DIV ID="centered">
	<A HREF="#" ID="membership">Application for Membership</A>
	<A HREF="#" ID="rules">Rules</A>
	<A HREF="#" ID="terms">Travel Conditions</A>
	<A HREF="#" ID="meetings">Meetings</A>
  </DIV>

＆＃13;

＆＃13;

＆＃13;