Свойство left
Позиция элемента от левого края элемента или от левого края элемента относительно которого он расположен. Работает только если элементу задано свойство position, за исключением значения static.
left: 10px;Пошаговый план! Как быстро научиться создавать сайты!
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все
Значения
left: 5px;
Возможные единицы: px, em, rem, %, vh, vw. Можно использовать отрицательные значения.
<style>
.example-1 {
width: 200px;
height: 200px;
background: #2e51d3;
position: relative;
}
.example-1-item {
width: 20px;
height: 20px;
background: #ff8f1b;
position: absolute;
left: -5px;
}
</style>
<div class="example-1">
<div class="example-1-item"></div>
</div>