``` Здравей, Основеният проблем на твоя код, е, че НЕ следва основни принципи в HTML5, защото ти НЕ спазваш основни правила при писането му: 1. Използваш тагове, които не съществуват в HTML5. Никъде не се поддържа, например, font като таг. Tова означава, че браузърът не знае как да интерпретира този таг и как да го покаже на екрана. За разлика от XML, където няма точно определени тагове, които да използваш, в HTML има САМО група от тагове, които са дефинирани предварително, знаем как ще се визуализират на екрана и браузърът ги разпознава, затова се придържаме към тях. 2. И въпреки че използваш неподдържащи се тагове, то някои от тях са затварящи се. В това число и font. За да се визуализират нещата правилно, трябва при отваряне на даден таг, то да се изписва и затварящия, тоест отваряме , но след това затваряме . 3. Влагането на тагове е една от най-големите грешки при писане на код в HTML. При отваряне на няколко тага, то те трябва да се затворят в обратна поредност на отварянето им. Пример: , но не е правилно . 4. Използваш грешен синтаксис. Това означава, че не е правилно изписването на елементите в кода. В нито една версия на HTML няма подобно нещо: . НЕ може да се слага друг таг в скобите на отварящия таг. Таговете се влагат един в друг между отварящия таг със скобите му и затварящия таг с неговите скоби. Моят съвет е да се придържаш към по-новите версии на HTML, тоест HTML5. Използвай новите възможности на HTML, за да се визуализират правилно страниците ти. Премахни тагове като font, b, i, small. Замени ги със стилове в CSS като text-style, text-decoration или font-size. Отделяй CSS във външен файл от HTML-a и използвай класове, за да стилизираш едни и същи елементи в HTML-a. А сега по твоя въпрос - използвай div таг, който по подразбиране визуализира елементите, поставени в него, на нов ред. Използвай и вложени div тагове, за да разделиш езиците. Например: Languages I know: English Russian Надявам се да съм ти помогнала и да съм била полезна. Ако има нещо, питай! :)) ```

Защо?Защо в решението са направени 3 неща: Борис Митев - Web Developer --> Защо принудително позиционираме body с margin? Нали по подразбиране трябва да започне от 0 0? --> с явно образуваме контейнер, какъвто има описан в html-5.ru/teg-header-html5 Защо беше предпочетено като вариант, като според наученото до тук беше по- логично с и работи с него? Защо е необходимо да отместваме целият контейнер и после да компенсираме отместването? БорисМитев Web Developer

Тага body сме го позиционирали с margin: 0, защото повечето html елементи имат margin и padding по подразбиране и се налага да ги зануляваме. Пробвай да махнеш margin и виж резултата. Теоритично можеш да направиш цял web сайт като използваш само и единствено div елементи. Това обаче пречи на четимостта на кода и не е добра практика, особено когато други хора четат кода ти и им се налага да го променят или да добавят нова функционалност. Добра практика (и това важи за всеки програмен език) да бъдеш колкото може по-описателен. Тагът header за всеки четящ кода означава че вътре се съдържа целият код от заглавната част на страницата (или нейният header) - нейното заглавие, менюто за навигация, логото и т.н. По имената на таговете се ориентират и паяците на търсачките (Google, Bing, etc.) за да обходят по-точно и категоризират по-добре съдържанието на страницата.