Свойство 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>Читайте также
Селекторы атрибутов со значениями через дефис
В именах идентификаторов и классов разрешено использовать символ дефиса (-), что позволяет создавать значащие значения атрибутов id...
Обращение к самому главному родительскому элементу
Псевдокласс :root определяет корневой элемент документа.
В HTML этот селектор всегда соответствует элементу html, но в стилях приоритет :root в...
Стили к элементам на основе нумерации
Псевдокласс :nth-child задаёт правила стилей для элементов, которые не содержат указанный селектор....
Свойство grid-column
Сокращение для grid-column-start + grid-column-end
grid-column-start / grid-row-start — это линия с которой начинается элемент....