Html 我的css把文本弄乱了

我目前正在努力使我的简历脱颖而出，让它变得特别。然而，当我尝试添加文字时，文字会与徽标一致。我的目标是让白框覆盖在商标上，不确定这是否可行，但无论如何。有什么帮助吗？非常感谢

.container{
文本对齐：居中；
颜色：黑色；
}
.居中{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
.盒装{
利润率：25px；
填充：10px；
边框：黑色1px；
}

测验

所以，听起来你想要一个居中的标题文本，下面是一个居中的徽标。有鉴于此，您可以使用

flexbox

来居中，只需按照希望元素出现的顺序对html进行排序

.centered{
显示器：flex；
证明内容：中心；
}
.头衔{
填充：10px；
//边框：纯黑色；-->取消对此的注释以查看边框
}
.标志{
填充：10px；
最大高度：100px；
//边框：纯黑色；-->取消对此的注释以查看边框
}

测验

你能添加CSS类徽标和代码板徽标吗？现在无法解决你的问题。我同意@WillemvanderVeen的观点，听起来你需要做一个背景图像或类似的事情，但至少有一个示例图像会很好