0

Возможно ли разместить <div> по центру,а текст в нем выровнять по левому/правому краю?

Конкретнее:

<div class="text-center">
  <p> </p>
</div>

Как сделать <p> по левому краю в такой ситуации?

3 ответа 3

1

Блок позиционируете с помощью margin: auto, а текст в нем - как обычно.

<div style="margin: auto; width: 50%; background: yellow;"><p style="text-aligh: left;">text</p></div>

0

Текст выравниваем с помощью text-align: left, а <div> с помощью margin: auto

div {
  border: 1px solid red;
  width: 250px;
  height: 50px;
  text-align: left;
  margin: auto;
}
<div class="text-center">
  <p>Текст</p>
</div>

2
  • первый раз задаю тут вопрос,не могу понять как разместить хтмл код.В моем вопросе он есть,но не отображается Напишу его на русском) див класс= текст центр <п></п> див в такой ситуации ксс не работает,так как у дива приоритет выше
    – NewbieUser
    3 авг 2017 в 14:34
  • Добавил код в ответ
    – NTP
    3 авг 2017 в 14:36
0

Если у div'а не задана ширина - он займет всю возможную область, если задана:

margin:0 auto;
text-align:left

Ваш ответ

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

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