Не реагируют img на margin

[Get to heaven]

Ребята, привет. Кого не обременит. Скажите. почему нет реакции на margin  у элементов img?Полоса не впритык с меню и лого. есть расстояние. Это мой третий макет, другие забросил. Макет бесплатный, скачал с группы вк. Верстаю для себя, учусь вот уже второй год. Было прочтен сайт htmlbook, порешал задачки на htmlacademy. Оказалось фронт-энд не такой уж простой как кажется. Что скажете по коду ?

http://codepen.io/Gettoheaven/pen/gMYKaP

 

Исходник в img

Edited June 1, 2016 by Get to heaven

[kattiperk]

main image{
  display:inline-block;
    margin-right:15px;
}

Тег <image> никого не смутил? Я же скриншот прикрепила выше

[alejandro13]

Потому что img инлайновый элемент, ему нельзя задать margin

[kattiperk]

37 минут назад, alejandro13 сказал:

Потому что img инлайновый элемент, ему нельзя задать margin

Инлайн-блоковый вообще-то - http://joxi.ru/gmve5EqSxDRQ1r

http://www.w3schools.com/tags/tag_img.asp

@Get to heaven, это что такое у нас тут - http://joxi.ru/KAx5WQzC4DjbOr

Margin добавляется. Что не так у тебя?

[Get to heaven]

Только что, kattiperk сказал:

Инлайн-блоковый вообще-то - http://joxi.ru/gmve5EqSxDRQ1r

http://www.w3schools.com/tags/tag_img.asp

@Get to heaven, это что такое у нас тут - http://joxi.ru/KAx5WQzC4DjbOr

Margin добавляется. Что не так у тебя?

не так скопировало,поправил, на margin-right/left никакой реакции

 

добавил исходник img в первый пост

Edited June 1, 2016 by Get to heaven

[Switch74]

на сколько я знаю img - display:inlin-block и margin к нему должен применяться

[Get to heaven]

Только что, Switch74 сказал:

на сколько я знаю img - display:inlin-block и margin к нему должен применяться

поставил, никаких изменений

main image{
  display:inline-block;
    margin-right:15px;
}

[Switch74]

у меня все работает в Хроме. margin во всех направлениях влияет на img в main
 

[Get to heaven]

все в порядке) я там image выставил вместо img, спасибки      впереди  опять теория

Edited June 1, 2016 by Get to heaven