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 that you have read and understand our privacy policy and code of conduct.

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