Свойство 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>Читайте также
Свойство grid-row-gap
Определяет размер ширины линий. Вы можете думать об этом, как о настройке ширины отступов между строками....
Стили не содержащие указанный селектор
Псевдокласс :not задаёт правила стилей для элементов, которые не содержат указанный селектор....
Стили к элементам указанного типа
Псевдокласс :nth-of-type используется для добавления стиля к элементам на основе нумерации в дереве элементов. В отличие от псевдокласса :nth-child от...
Стиль первого элемента определенного типа
Псевдокласс задаёт стиль первого элемента определённого типа в группе братских элементов (имеющих одного родителя)....