Css HTML без полей и центрирование ⇐ Html

[Anonymous]

Я пытаюсь изучить HTML/CSS с нуля и начал небольшой проект. Я исследовал эти темы здесь, но нахожу их немного сложными и надеялся, что кто-нибудь сможет объяснить мне это шаг за шагом, чтобы я мог чему-то научиться
Задание 1:
Я пытаюсь получить полноцветный цвет по вертикали. Дело в том, что вокруг цветных областей у меня получается белая рамка. Я использовал приведенный ниже код, чтобы заставить его двигаться от края до края слева и сверху.
margin-right: -8px;
margin-top: -8px;

Но он не доходит до правого края.
Я опубликую свои HTML и CSS ниже. Любая помощь будет принята с благодарностью
HTML

Content for New Div Tag Goes Here


CSS
#feature1 {
height: 400px;
width: 100%;
float: left;
background-color: #0CC;
margin-left: -8px;
margin-right: -8px;

}

#feature1_cont {
font-family: Arial, Helvetica, sans-serif;
font-size:36px;
margin-top: 7%;
margin-left: 7%;
min-width: 300px;
max-width: 600px;
background-color: #0F9;

}

Задача 2:
У меня также есть 3 элемента div внутри элемента div. Я хотел бы центрировать их, чтобы они двигались и всегда находились в центре. Но я могу только заставить их остаться в стороне. Код ниже.
CSS
#feature2 {
width: 100%;
height: 100%;
float: left;
background-color: #C96;
margin-left: -8px;
margin-right: -8px;

}

#feature2_cont {
width: 400px;
height: 400px;
background-color: #36F;
margin-top: 5%;
margin-left: 5%;
margin-bottom: 5%;
float: left;

}

HTML

Content for New Div Tag Goes Here
Content for New Div Tag Goes Here
Content for New Div Tag Goes Here



Подробнее здесь: https://stackoverflow.com/questions/152 ... -centering