Не работает позиционирование

[DmiUr]

Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/  

Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. 

Вот сам макет который пытаюсь верстать:

P.S. Очень старался задать вопрос правильно, с учетом рекомендаций. Спасибо за понимание. 

 

 

[dmitryiva]

Добрый день.

У вас в  #line задан внешний отступ margin, со всех сторон.

margin: [all]; //Ваш случай
margin: [top bottom] [right left];
margin: [top] [right left] [bottom];
margin: [top] [right] [bottom] [left];

Используйте отступы, только где вам необходимо. Постарайтесь использовать class, а не id. У id высокий уровень специфичности.

Edited August 11, 2016 by dmitryiva

[npofopr]

Учитесь пользоваться Инспектором кода. 90% вопросов будет отпадать. 

На том же ютубе много всяких уроков.