Свойство 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>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Там деревни правилами себя единственное.

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