Bootstrap how to make the text in the center?

Question

Hello dear readers.
There is the following text

<div id="content_center" class="row " style="padding-top: 98px;"> <div class="col-md-8 col-centered "> <p id="center_text_first">Товарищи! постоянное информационно-пропагандистское обеспечение нашей деятельности<br> позволяет выполнять важные задания по разработке направлений прогрессивного развития.<br> С другой стороны дальнейшее развитие различных форм деятельности требуют определения и <br> уточнения дальнейших направлений развития.</p> <p id="center_text_second">Товарищи! новая модель организационной деятельности способствует подготовки и реализации <br> позиций, занимаемых участниками в отношении поставленных задач. Значимость этих проблем <br> настолько очевидна, что новая модель организационной деятельности влечет за собой процесс <br> внедрения и модернизации позиций, занимаемых участниками в отношении поставленных задач. <br> Задача организации, в особенности же постоянный количественный рост и сфера нашей <br> активности обеспечивает широкому кругу (специалистов) участие в формировании дальнейших <br> направлений развития. Разнообразный и богатый опыт укрепление и развитие структуры требуют <br> определения и уточнения модели развития.</p> <button type="button" class="btn btn-lg btn-success center-block" style="align-content: center">Кнопка</button> </div> </div>

How can I put the text in the center of the diva? class = "text-center" does not help.

Text formatted
Is it possible to do this only in the middle of the diva?

First, look in the debugger why the class = "text-center" does not work - find out what interrupts its styles.
I'm sorry, maybe I didn’t put it that way, the text-center works - the first screenshot.
It is necessary that the text, as in 2 screenshot was in the center of the diva.

Accepted Answer · 2016-05-19T12:15:49

remove <br> from <p> , add css class .text-justify and make normal bootstrap markup

 .text-justify { text-align: justify; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" rel="stylesheet"/> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <div class="row "> <div class="col-xs-offset-2 col-sm-offset-2 col-xs-8 col-sm-8 text-justify"> <p id="center_text_first">Товарищи! постоянное информационно-пропагандистское обеспечение нашей деятельностипозволяет выполнять важные задания по разработке направлений прогрессивного развития. С другой стороны дальнейшее развитие различных форм деятельности требуют определения и уточнения дальнейших направлений развития.</p> <p id="center_text_second">Товарищи! новая модель организационной деятельности способствует подготовки и реализации позиций, занимаемых участниками в отношении поставленных задач. Значимость этих проблем настолько очевидна, что новая модель организационной деятельности влечет за собой процесс внедрения и модернизации позиций, занимаемых участниками в отношении поставленных задач. Задача организации, в особенности же постоянный количественный рост и сфера нашей активности обеспечивает широкому кругу (специалистов) участие в формировании дальнейших правлений развития. Разнообразный и богатый опыт укрепление и развитие структуры требуют определения и уточнения модели развития.</p> <button type="button" class="btn btn-lg btn-success center-block" style="align-content: center">Кнопка</button> </div> </div>

Bootstrap how to make the text in the center?

1 answer 1

More articles: