html - 水平对齐 DIV 容器内的文本

Question

我的结构如下:

    <div class="content-wrapper">
        <div class="left-wrapper">
            Lorem Ipsum... <!-- This is what I want horizontally aligned -->
        </div>
    </div>

我的 CSS 文件是这样的:

.content-wrapper {
    min-height: 200px;
    width: 100%;
}

.content-wrapper left-wrapper {
    min-height: inherit;
    width: 50%;
    float: left;
}

我想做的是:无论我在 left-wrapper 中的文字有多大，我都想要一个 padding-top 和一个 padding-bottom 等于 30px，例如，我的文本完全水平对齐。

提前致谢!

Answer 1

CSS:

.content-wrapper .left-wrapper {
    min-height: inherit;
    width: 50%;
    float: left;
    text-align:center;
    padding:30px 0;
}

这是一个 JSBIN.