Свойство left
Описание
Для позиционированного элемента определяет расстояние от левого края родительского элемента, не включая отступ, поле и ширину рамки, до левого края дочернего элемента.
Отсчёт координат зависит от значения свойства position.
Синтаксис
left: размер | проценты | auto;Пример
<!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>
.div-1 {
position: absolute;
left: 50px;
background: #fc3;
width: 300px;
margin: 7px;
border: 3px solid rgb(255, 255, 255);
}
.div-2 {
position: relative;
left: -35px;
top: 13px;
border: 3px solid black;
color: black;
padding: 5px;
margin: 7px;
background: #b5c8db;
}
</style>
<div class='div-1'>
<div class='div-2'>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Там деревни правилами себя единственное.
</div>
</div>
</body>
</html>Читайте также
Свойство flex
Сокращённое свойство, которое позволяет указать параметры элемента, чтобы он эффективно заполнял доступное пространство. Элементы могут быть растянуты...
Правило @supports
Правило @supports позволяет проверить, поддерживает браузер ту или иную возможность, и на основе этого создать набор стилевых правил. Допустимо создав...
Универсальный селектор
Иногда требуется установить одновременно один стиль для всех элементов веб-страницы, например, задать шрифт или начертание текста. В этом случае помож...
Свойство white-space
Свойство white-space устанавливает, как отображать пробелы между словами. В обычных условиях любое количество пробелов в коде HTML показывается на веб...