1

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

<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>

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

введите сюда описание изображения

2
  • 3
    Дайте ему margin: 0px auto; если хотите блочным оставить, или инлайн-блок
    – user190134
    22 сен 2017 в 4:59
  • Иногда, вполне не плохо спасает <div align="center"> </div> 22 сен 2017 в 6:45

1 ответ 1

0
  1. margin: 0 auto; для div

  2. Для выравнивания содержимого по центру в бутстрапе есть класс, позволяющий не писать 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> 
    

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.