Html CSS-希望创建一个包含一些文本的框。内例

这里有一个例子

现在，这是我的第一次尝试：

.generated_text {
    display: inline-block;
    width: 50px;
    border: 1px solid #000;
    text-align: center;
    border: 1px;
    position: absolute;
    top: 54%;
    left: 36%;
    margin: -150px 0 0 -150px;
    width:700px;
    height:400px;
}

注意：

generated_text

是一个div，它输出从flask api生成的文本

当我运行这个时，它最终看起来是这样的：

说到css，我是一个完全的新手，所以任何帮助都将不胜感激

编辑：我做了一些更新，但仍然遇到一些问题：

.generated_text {
    display: inline-block;
    width: 50px;
    font-family:'Gudea' !important;
    text-align: left;
    color:#000 !important;
    background:#fff !important;
    border: 30px !important;
    border-color: #4b4b4b !important;
    position: absolute;
    top: 54%;
    left: 38.5%;
    margin: -150px 0 0 -150px;
    width:560px;
    height:170px;
}

这将产生：

---

你知道为什么没有显示边框颜色吗？

试试！重要信息当您从api收到如下数据时：

.generated_text {
   color:#000 !important;
   background:#fff !important;
   width:100%;
   text-align: center;
   clear:both;
   display:block;
   font-size:25px;
   border:1.5px solid #4b4b4b !important;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.16) !important;
}

---

是否有任何其他div的名称与

生成的\u text

类似？您的代码不完整添加或完成code@AbhishekPakhare; 不，没有。@AmareshSM HTML和CSS？你在使用任何

CSS

框架吗？我现在编辑它，在最后一行（边框和框阴影）