css - 减少 CSS 中的文本视图容器大小

Question

我被这个简单的事情困住了。基本上，我想做这样的事情：

但是我的用户名视图覆盖了页面的整个宽度，我得到了这样的东西：

我的CSS风格：

h3{
    font-weight: bold;
    color: #675eaf;
    background-color: #f2f2f2;
    padding: 8px;
    font-size: 1.5vw;
}

标签： css

Answer 1

好的，所以我将最大宽度设置为大约 20% 并添加了 margin:auto 并且它可以工作。