Как отцентрировать меньшую строку по центру относительно большей строки?

Question

[slavatarasov]

<div class="about" id="about">
        <div class="about__title title">About me</div>
        <div class="about__text">
            <p class="about__text-item">Hi, I'm Denis – UX/UI designer from Minsk. <br> I'm interested in design and everything connected with it.</p>
            <p class="about__text-item">I'm studying at courses "Web and mobile design <br> interfaces" in IT-Academy.</p>
            <p class="about__text-item">Ready to implement excellent projects <br> with wonderful people.</p>
        </div>
    </div>

.about {
  width: 100%;
  background: #F6F6F6;
}

.about .about__title {
  text-align: center;
  margin-bottom: 18px;
  padding-top: 120px;
}

.about .about__text {
  max-width: 485.3px;
  margin: 0 auto;
  padding-bottom: 107px;
}

.about .about__text-item {
  margin: 0;
  margin-bottom: 53px;
  font-family: Gilroy-Medium;
  font-size: 18px;
  line-height: 22px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

Прошу подсказать,как можно отцентрировать текст как на второй картинке
Прошу прощения за нубятский вопрос,но гугл ничего полезного не выдает,а если просто забить текст в тег с break lineом, то текст каждый раз начинается с новой строки
Я понимаю,что можно создать под каждый абзац отдельный тег и под нужные мне теги прописать text-align:center; но хотелось бы узнать,есть ли альтернативные и более простые способы выравнивания текста

Answer 1

[xdevelx]

Так нужно?
https://codepen.io/xdevelx/pen/JjKvZMg

И .about__title должен быть не div, а заголовком h1 (h2)

Comments

[slavatarasov]

сам блок с текстом отцентрирован по центру,нужно отцентрировать именно абзацы по центру больших по размеру абзацев, хотелось бы избежать дополнительной обертки в виде дива для отдельных тегов

[xdevelx]

slavatarasov, Может вы для начала разметку со своими стилями покажите?

[slavatarasov]

Спасибо