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

[DmiUr]

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

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

Страничка не выложена в сети, находится у меня в папке компьютера.Вот макет, который я пытаюсь верстать: 

 

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

 

 

Edited August 11, 2016 by DmiUr

[TuTaHuKk]

http://codepen.io/TuTaHuKk/pen/BzvOOL?editors=1100#anon-login

для начало обнули margin слева и справа в #line {margin: auto 0;}

позабывал слеш на закрытых тегов ставить в некоторых местах.

 

[DmiUr]

Спасибо, помогли. Magrin 0 даже не нужен, дело было в незакрытом от отсутствия слеша тэге. 

Edited August 12, 2016 by DmiUr