Html 如何使锚定标记内的文本居中？

我已经用带边框的文本排列了锚定标记。 我想使文本在块内居中。 我试过填充、左边距、浮动，但都不起作用

正文{
背景色：黑色；
背景重复：无重复；
背景大小：100%100%；
}
.头衔{
身高：17%；
宽度：100%；
利润率：0%；
文本对齐：居中；
字号：2rem；
颜色：白色；
}
.科目{
颜色：白色；
宽度：28%；
身高：7%；
边框：2倍纯白；
字号：2rem；
边界半径：20px；
利润上限：86px；
左边距：8px；
文本对齐：居中；
垂直对齐：中间对齐；
}
.数学{
左缘：24%；
利润率最高：41px；
}
.数学a{
文字装饰：无；
颜色：白色；
边框：2倍纯白；
填充：4px；
右边填充：140px；
字号：2rem；
边界半径：20px；
光标：指针；
垂直对齐：中间对齐；
显示：内联块；
}
.物理学{
左缘：24%；
利润率最高：41px；
}
.物理a{
文字装饰：无；
颜色：白色；
边框：2倍纯白；
填充：4px103px；
右边填充：206px；
字号：2rem；
边界半径：20px；
光标：指针；
垂直对齐：中间对齐；
显示：内联块；
}
.化学{
左缘：24%；
利润率最高：41px；
}
.化学a{
文字装饰：无；
颜色：白色；
边框：2倍纯白；
填充：4px；
右边填充：169px；
字号：2rem；
边界半径：20px；
光标：指针；
垂直对齐：中间对齐；
显示：内联块；
}

教学大纲
教学大纲

只需更改填充（左侧和右侧填充为右侧填充的一半）：

。物理学{
左缘：24%；
利润率最高：41px；
}
.物理a{
文字装饰：无；
颜色：黑色；
边框：2件纯黑；
填充：4px103px；
字号：2rem；
边界半径：20px；
光标：指针；
垂直对齐：中间对齐；
显示：内联块；
}

---

移除右边的填充物：206px；添加文本对齐：居中

.physics a{
                text-decoration: none;
                color: black;
                border: 2px solid black;
                padding: 4px 0px;
                font-size: 2rem;
                border-radius: 20px;
                cursor: pointer;
                vertical-align:middle;
                display: inline-block;    
                text-align:center;
            }

---

从

.physicsc

中删除左侧边距，从

.physics a

中删除右侧填充，然后设置

.physics {       
   text-align: center;
}
.physics a {
  width:30%; // or anything you need
}

---

另请查看。

边框也在增加我不确定您的意思，但元素的总体大小保持不变，当我在代码中执行此操作时，随着文本移动，边框线也在增加其大小o，这是不可能的，它是2px，除非您在另一个，覆盖您没有发布的CSS规则。只是为了确保，您是否已删除了您的

右填充：206px？