Не выравнивается по центру блок div

211

23 сентября 2017, 21:16

Есть вот такой код

<div class="col-lg-6 col-xs-12" style="text-align: center;">
            <img src="/images/usual_people.png"/>
            <br /><br />
            <div style="border:2px solid #c5c6c6; padding:10px; border-radius:20px; width:200px;">
            duddeniska
            </div>
        </div>

Почему блок с надписью не выравнивается по центру?

Answer 1

margin: 0 auto; для div

Для выравнивания содержимого по центру в бутстрапе есть класс, позволяющий не писать style="text-align:center;" - text-center

<div class="col-lg-6 col-xs-12 text-center">
    <img src="/images/usual_people.png"/>
    <br /><br />
    <div style="
        border:2px solid #c5c6c6;
        padding:10px;
        border-radius:20px;
        width:200px;
        margin: 0 auto;
    ">
        duddeniska
    </div>
</div>