小框中的文本未居中"properly"

Question

是这样的:它现在是如何工作的(第一段相对于小框居中)

我希望它是这样的:我想要什么(第二段不换行)

Answer 1

不知道你想要做什么，但是下面的代码将生成你的第二张图像:

.container {
display: inline-block;
padding: 10px;
text-align: center;
position: relative;
}
.box {
width: 221px;
padding: 10px;
border: 2px solid black;
height: calc(100% - 16px);
position: absolute;
top: 0px;
left: 0px;
}
.para2 {
white-space: nowrap;
}

<div class="container">
<div class="box"></div>
<p class="para1">
centered text
</p>
<p class="para2">
second paragraph with no-wrap blah blah blah blah ...
</p>
</div>

如果这不是你需要的，那么你必须在你的问题中提供真正的实质和明确的信息。