Свойство padding-inline

Описание

Устанавливает расстояние от внутреннего края рамки элемента до воображаемого прямоугольника по строчной оси.

Синтаксис

padding-inline: [размер | проценты] {1, 2};

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 .test {
 background: #fc3;
 border-top: 3px solid #000;
 border-bottom: 3px solid #000;
 padding: 10px;
 padding-inline: 10%;
 }
 </style>
 <div class='test'>
 Далеко-далеко за словесными горами в стране гласных и согласных живут, рыбные тексты. Даль агентство инициал точках свой снова своих проектах маленький несколько?
 </div>
</body>
</html>
Далеко-далеко за словесными горами в стране гласных и согласных живут, рыбные тексты. Даль агентство инициал точках свой снова своих проектах маленький несколько?

Читайте также

Свойство list-style-type

Указывает, как будет размещаться маркер относительно текста — маркер обтекается текстом или вынес...

Свойство border-right

Позволяет одновременно установить толщину, стиль и цвет правой границы элемента.<br><br&...

Свойство grid-column-end

Определяет местоположение в сетке ссылаясь на конкретные линии. <br>grid-column-end / grid-...

Свойство writing-mode

Устанавливает направление текста на странице — по горизонтали или вертикали.

Свойство

Устанавливает радиус скругления левого нижнего угла рамки.<br>Если рамка не задана, то скру...