Css 在不使用特定值的情况下，将图元水平居中于图元内部

同样，只是学习CSS并尝试制作一个虚拟主页。 我遇到了一个问题： 我想将链接及其背景色置于DIV元素的中心。但是，我也希望保持DIV居中（15%左右），更改链接内的文本仍将使其居中，因此定位不能是特定值（我认为需要使用百分比）

<>强>编辑：简短解释：我想在页面中间得到所有四个块，不管浏览器屏幕大小或块内的文本如何变化。谢谢：）

EDIT2:更改了标题，以便从搜索查询中更容易找到

可以对代码做任何事情，还是我必须以某种方式更改它？谢谢 以下是HTML：

.infos{
左：15%；
右：15%；
位置：相对位置；
顶部：40px；
}
.infos a{
背景色：黑色；
颜色：白色；
边际：0px；
显示：内联；
填充顶部：10px；
填充底部：60px；
文字装饰：无！重要；
}
.infos#centered{
位置：相对位置；
显示：块；
填充：0px；
}

#居中{
显示：表格；
背景：红色；
保证金：自动；
}
#居中{
颜色：白色；
保证金：0；
浮动：左；
填充顶部：10px；
填充底部：60px；
文字装饰：无！重要；
}