Два блока <div> слева и справа.

Добрый день!
Изучаю html и css всего неделю, так что не пиняйте особо за вопросы.
Задача следующая: Имеется блок, в котором нужно разместить еще 2 блока, один по левому краю, второй по правому с промежутком между ними в 5-10 пикселей.
Пробовал через float, получается какая то лабуда.
Подскажите пожалуйста как реализовать то?
Ну и вообще буду чрезвычайно рад выслушать любую критику и советы к коду.

See the Pen egbKop by Pavel (@rock_dawg) on CodePen.

Всего неделю занимаетесь и уже песочницу освоили. Можно похвалить.

Для вас как для новичка есть всего два решения задачи: или флоаты, или инлайн-блоки.

И то, и другое вы можете разобрать пройдя курс на сайте Академии: https://htmlacademy.ru/courses/65
Вряд ли вы проходили его, учитывая что у вас всё на идентификаторах.
Что касается советов, то есть кое-что, что вы должны знать:

#footer	{
	width: 100%;		
	height: 100px; // не ограничивайте высоту основных блоков, лучше пишите min-height
	background: #696969;	
	bottom: 0; // координата не работает без свойства position 
}
#strip	{
	width: 1000px;
	margin: 55px auto 0 auto;
	background: #FFFFFF;
	z-index: 1; // работает также только для явно спозиционированных блоков
}

Благодарю за советы! Действительно, начал проходить курсы и все стало понятно. И по поводу идентификаторов уяснил, что и как работать с классами.