0

.services-info {
  margin: 70px 0px 55px 0px;
}

.services__item {
  width: 350px;
  display: flex; 
  align-items: center; 
}

.services__text-2 {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
        

<div class="services-info">
                <div class="services__item">
                    <img src="img/icons/services-1.svg" alt="">
                    
                    <h3 class="services__title-2">Создание сайтов</h3> 
                    <div class="text-text">
                        <p class="services__text-2">Lorem Ipsum - это текст- "рыба", часто используе в печати и вэб-дизайне.</p>
                    </div>
                   
                </div>

 
  

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

4
  • 1
    было бы неплохо добавить ваш css Commented 19 апр. 2021 в 18:55
  • Заранее извиняюсь за оформление :) Пока ещё не разобрался
    – Awangard
    Commented 19 апр. 2021 в 19:34
  • Вы уверены что это все стили?
    – InDevX
    Commented 19 апр. 2021 в 19:48
  • @InDevX Я уже просто большинство стёр Я просто перепробовал большинство методов, но у меня всё равно блок с <p> всё равно стоит на одном месте
    – Awangard
    Commented 19 апр. 2021 в 20:50

1 ответ 1

0

Оберните дивом и подберите padding-top.

.services__item {
  display: flex;
  flex-direction: row;
}

.services__item img {
  display: block;
  width: 6em;
  height: 6em;
  border-radius: 50%;
  margin-right: 10px;
}

.services__item .info {
  padding-top: 2.25em;
}

.services__item .info h3 {
  margin-top: 0;
}
<div class="services__item">
  <img src="//i.imgur.com/QYNfaWW.png" alt="">
  <div class="info">
    <h3 class="services__title-2">Создание сайтов</h3>
    <div class="text-text">
      <p class="services__text-2">Lorem Ipsum - это текст- "рыба", часто используе в печати и вэб-дизайне.</p>
    </div>
  </div>
</div>

1
  • 1
    Спасибо большое! :)
    – Awangard
    Commented 20 апр. 2021 в 8:32

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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