Bootstrap 4: есть ли класс css по умолчанию для вертикального выравнивания по центру для тега p?

Question

Существует класс CSS по умолчанию для текстового центра для тега p. Существует ли класс css по умолчанию для вертикального выравнивания по центру для тега p? HTML:

<div class="container">
    <div class="row">
        <div class="col-sm-12 border">
            <p class="text-center">Need text-center and align-middle</p>
        </div>
    </div>
</div>

Выход:

Что мне нужно:

Answer 1

Это происходит из-за тега p по умолчанию margin-bottom:16px.

Надеюсь, это поможет вам.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
      integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<div class="container">
    <div class="row">
        <div class="col-sm-12 border p-2">
            <p class="text-center mb-0">Need text-center and align-middle</p>
        </div>
    </div>
</div>

Answer 2

Это из-за тега p имеет запас по умолчанию, вы должны установить его 0;

p{
margin: 0;
}

Answer 3

Попробуйте

<div style="display:flex;justify-content:center;align-items:center;">
    Text Content
</div>