Question

CSS：

body {
    background-color: #bad455;
}

.basic {
    background-color: blue;
    color: white;
    line-height: 30px;

    top: 0px;
    left: 0px;
    height: 50%;
    width: 150px;
    position: absolute;
    border: 8px solid red;
}

.container {
}

.basic > p {
    top: 50%;
    position: relative;
}

HTML：

<body>
    <div class="container">
        <div class="basic">
            <p>This text should move</p>
        </div>
    </div>
    <!-- Further code... -->
</body>

对不起，但是一个愚蠢的问题。我不确定为什么此文本在div中不会下降50％？我一直在尝试使用垂直对齐，顶部填充，文本居中的比例为50％，但它们效果不佳，并且总是超过50％。那么有什么办法可以将文本内部推到中心吗？也许是位置问题之类的？我已经尝试解决这个问题了很长时间，但无法解决。预先感谢。

我应该如何将这个div中的文本移到底部中心？

0 个答案: