0

Как выровнять текст по центру блока? Для блока родителя прописано justify-content: center, но в итоге не работает, а text-align: center выравнивает текст не так, как мне надо. В прикрепленной картинке показано, как все должно выглядеть PS данная секция называется .features

Сам сайт ch38740.tmweb.ru

Весь код https://jsfiddle.net/0jsar8ke/

.features-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #10375c;
  color: #fff;
  margin-left: 70px;
  padding: 40px;
}
<div class="features-desc">
                    <div class="foreword">Why Frispes</div>
                    <h3>We revolutionize your workspace</h3>
                    <p>With a decade of insights and expertise, we're decided to reimagine co-working space, designed to help a new startup grow up and realize their ideas so they can give a positive impacts on many people</p>
</div>

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

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

6
  • Есть мнение, что следует смотреть на line-height для тегов h3 и p, а также на margin и padding в них же.
    – Quazimorda
    30 июл 2021 в 9:23
  • а как line-height влияет на выравнивание по горизонтали?
    – Toppy
    30 июл 2021 в 9:26
  • по вертикали, конечно. А что касается горизонтального выравнивания, то текст внутри p слева прижимается к краю самого параграфа, но справа при разной ширине окна, а значит и разной ширине параграфа слова не всегда прижимаются к самой его границе.
    – Quazimorda
    30 июл 2021 в 9:33
  • Добавьте к стилям p { text-align: justify; }
    – Quazimorda
    30 июл 2021 в 9:36
  • добавил, но смотрится текст некрасиво, расстояние между буквами и словами неравномерное
    – Toppy
    30 июл 2021 в 9:45

0

Ваш ответ

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

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