Domyślny margines body

pytanie zadane 16 kwietnia 2019 w HTML i CSS przez PanJan3214 Użytkownik (560 p.)

Margines wychodzi poza obiekt!
Ktoś wie dlaczego się tak dzieje?

body
{
	background-color: #222222;
	margin: 0px;
}
#calcurator_housing
{
	background-color: #dddddd;
	width: 300px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}
#screen
{
	background-color: #333333;
	width: 280px;
	height: 100px;
	margin: 10px;
}
#noumbers
{
	background-color: black;
	width: 10px;
	height: 10px;	
}

octype html>
<html lang = "pl">

	<head>
		
		<title>CALCULATOR</title>
		<meta name = "description" content = "The best calculator in the world!!"/>
		<meta name = "keywords" content = "calculator"/>
		<meta name = "charset" content = "utf-8"/>
		<meta name = "author" content = "test"/>
		
		<link rel = "stylesheet" href = "calculator_css.css" type = "text/css"/>
		<script src = "calculator_javascript.js"></script>
		
	</head>
	
	<body>
		
		<div id = "calcurator_housing">
			
			<div id = "screen"></div>
			
			<div id = "noumbers">
				<div class = "numbers_buttons">9</div>
				<div class = "numbers_buttons">8</div>
				<div class = "numbers_buttons">7</div>
				<div class = "numbers_buttons">6</div>
				<div class = "numbers_buttons">5</div>
				<div class = "numbers_buttons">4</div>
				<div class = "numbers_buttons">3</div>
				<div class = "numbers_buttons">2</div>
				<div class = "numbers_buttons">1</div>
			</div>
			
		</div>
		
	</body>

</html>