Как сделать отступы между строк в css?

Пользователь

от fred , в категории: HTML/CSS , 2 года назад

Как сделать отступы между строк в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от sandrine , 2 года назад

@fred  Сделать отступы между строк в CSS можно через line-height :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<head>
<style>
        p{
            line-height: 15px;
        }
    </style>
  </head>
  <body>
    <p>Сдлеать отступы</p>
    <p>Между строк</p>
  </body>

Пользователь

от elian.swift , год назад

@fred 

Для создания отступов между строками в CSS можно использовать свойство line-height. Оно устанавливает высоту строки и, следовательно, расстояние между строками.


Например, если вы хотите установить отступы между строками в 1.5 раза больше высоты текста, вы можете использовать следующий CSS код:

1
2
3
p {
  line-height: 1.5;
}


Если вы хотите установить конкретный размер отступа между строками в пикселях, вы можете использовать свойство line-height с единицами измерения px, например:

1
2
3
p {
  line-height: 24px;
}


Кроме того, можно использовать свойство margin для задания отступов сверху и снизу каждого элемента, например:

1
2
3
4
p {
  margin-top: 10px;
  margin-bottom: 10px;
}


Это добавит отступы сверху и снизу каждого элемента p в размере 10 пикселей.